@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");body{font-family:YakuHanJPs,"Zen Kaku Gothic New",-apple-system,BlinkMacSystemFont,"segoe ui","游ゴシック体","yu gothic",meiryo,Roboto,sans-serif;position:relative;background:#000000}img{pointer-events:none}@keyframes fadein{to{opacity:1;transform:translateY(0)}}#js-loader{position:fixed;width:100%;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#000000;top:0;left:0}.logo{position:relative;z-index:10;display:grid;justify-items:center}.logo .title{display:block;width:30rem}@media screen and (max-width:480px){.logo .title{width:75%}}.logo .title img{width:100%}.logo .icon{display:block;width:5rem;margin-top:1rem}@media screen and (max-width:480px){.logo .icon{width:15%}}.logo .icon img{width:100%}@keyframes fadein{to{opacity:1;transform:translateY(0);visibility:visible}}.wrapper{position:relative}.headline{position:relative;overflow:hidden;padding:4vw 0 12vw;min-height:400px;box-sizing:border-box}@media screen and (max-width:480px){.headline{min-height:auto;padding:10vw 0 20vw}}.headline:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/top_bg.webp) center no-repeat;background-size:140%;transform-origin:center;opacity:0.4}.headline:after{content:"";display:block;background:url(../img/top_icon.svg) 0 0 no-repeat;width:26vw;height:27vw;max-width:18rem;max-height:19rem;background-size:100%;position:absolute;top:29%;left:3%;opacity:0;transform:translateY(10px)}@media screen and (max-width:480px){.headline:after{top:37%}}.headline .headline-main{display:flex;flex-direction:column;place-content:center;align-items:center;position:relative}.headline h1{width:78vw;z-index:10;opacity:0;transform:scale(0.8)}@media screen and (max-width:480px){.headline h1{width:88vw}}.headline h1 img{width:100%}.headline h2{width:30vw;z-index:10;margin-top:1.5rem;opacity:0;transform:translateY(10px)}@media screen and (max-width:480px){.headline h2{width:41vw;margin-top:1rem}}.headline h2 img{width:100%}.headline .top-lead01{margin-top:7vw;width:26vw;position:relative;z-index:10;opacity:0;transform:translateY(10px)}@media screen and (max-width:480px){.headline .top-lead01{width:41vw}}.headline .top-lead01 img{width:100%}.headline .top-lead02{margin-top:5vw;width:57vw;position:relative;z-index:10;opacity:0;transform:translateY(10px)}@media screen and (max-width:480px){.headline .top-lead02{width:85vw}}.headline .top-lead02 img{width:100%}.headline.fix:before{animation:kaiten 20s linear 1s infinite alternate}.headline.fix h1{animation:logo linear 1s forwards}.headline.fix h2{animation:fadein ease 0.5s 1s forwards}.headline.fix .top-lead01{animation:fadein ease 1s 1.5s forwards}.headline.fix .top-lead02{animation:fadein ease 1s 1.5s forwards}.headline.fix:after{animation:top-icon ease 1s forwards}@keyframes logo{40%{opacity:1;transform:scale(1,0.5)}50%{transform:scale(0.7,1.1)}60%{transform:scale(1,0.6)}70%{transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes fadein{to{opacity:1;transform:translateY(0)}}@keyframes kaiten{0%{transform:scale(1)}to{transform:scale(1.4)}}@keyframes top-icon{to{opacity:0.9;transform:translateY(0)}}.book-list{padding:6vw 0;position:relative}.book-list:before{content:"";display:block;width:100%;height:4rem;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgb(0,0,0) 50%);position:absolute;top:-3rem;left:0}@media screen and (max-width:480px){.book-list:before{height:2rem;top:-1rem}}.book-list .book-list-inr h2{width:46vw;margin:0 auto;opacity:0;transform:translateY(10px)}@media screen and (max-width:480px){.book-list .book-list-inr h2{width:58vw}}.book-list .book-list-inr h2 img{width:100%}.book-list .book-list-inr ul{flex-wrap:wrap;width:920px;margin:2rem auto;list-style:none;justify-content:center;display:flex;flex-flow:row-reverse wrap-reverse;opacity:0;transform:translateY(10px)}@media screen and (max-width:940px){.book-list .book-list-inr ul{width:90%}}@media screen and (max-width:480px){.book-list .book-list-inr ul{flex-flow:wrap;justify-content:space-between}}.book-list .book-list-inr ul li{width:30%;margin:1rem 1.5% 2rem}@media screen and (max-width:480px){.book-list .book-list-inr ul li{width:45%;margin:0 1.5% 1rem}}.book-list .book-list-inr ul li a{display:block;color:#fff;text-decoration:none;transition:all ease 0.5s}.book-list .book-list-inr ul li a .ph img{max-width:100%;vertical-align:bottom;border:solid 1px #2b2b2b}.book-list .book-list-inr ul li a .title{font-weight:600;text-align:center;margin-top:1rem;font-size:20px}@media screen and (max-width:480px){.book-list .book-list-inr ul li a .title{font-size:16px;margin-top:0.5rem}}.book-list .book-list-inr ul li a .btn{background:#FAF348;border-radius:10px;width:11rem;padding:0.8rem 0;text-align:center;margin:1rem auto;color:#000;font-weight:600;box-sizing:border-box}@media screen and (max-width:480px){.book-list .book-list-inr ul li a .btn{width:auto;padding:0.6rem 0;font-size:13px;margin:0.7rem 0}}@media (hover:hover){.book-list .book-list-inr ul li a:hover{opacity:0.5}}.book-list .book-list-inr ul li:first-child{order:5}@media screen and (max-width:480px){.book-list .book-list-inr ul li:first-child{order:inherit}}.book-list .book-list-inr ul li:nth-child(2){order:4}@media screen and (max-width:480px){.book-list .book-list-inr ul li:nth-child(2){order:inherit}}.book-list .book-list-inr ul li:nth-child(3){order:3}@media screen and (max-width:480px){.book-list .book-list-inr ul li:nth-child(3){order:inherit}}.book-list .book-list-inr ul li:nth-child(4){order:2}@media screen and (max-width:480px){.book-list .book-list-inr ul li:nth-child(4){order:inherit}}.book-list .book-list-inr ul li:nth-child(5){order:1}@media screen and (max-width:480px){.book-list .book-list-inr ul li:nth-child(5){order:inherit}}.book-list.fadein .book-list-inr h2,.book-list.fadein .book-list-inr ul{animation:fadein ease 1s forwards}@media screen and (max-width:480px){.adaptation{padding-bottom:3rem}}.adaptation .adaptation-inr{display:flex;flex-direction:row-reverse;margin:0 auto;align-items:center;justify-content:center}.adaptation .adaptation-inr .ph{position:relative;z-index:10;width:42%;opacity:0;max-width:28rem}@media screen and (max-width:480px){.adaptation .adaptation-inr .ph{width:48%}}.adaptation .adaptation-inr .ph img{max-width:100%;box-shadow:0 0 40px rgba(255,255,255,0.3)}.adaptation .adaptation-inr .l-box{width:37%;max-width:27rem}@media screen and (max-width:480px){.adaptation .adaptation-inr .l-box{width:41%}}.adaptation .adaptation-inr .l-box .icon{transform:rotate(-14deg);margin-right:-1rem;opacity:0;transform:scale(0.5)}.adaptation .adaptation-inr .l-box .icon img{max-width:100%}.adaptation .adaptation-inr .l-box .catch{width:76%;margin:0 0 0 auto;opacity:0;transform:translateY(10px)}.adaptation .adaptation-inr .l-box .catch img{width:100%}.adaptation .detile{width:31rem;display:grid;margin:5rem auto;justify-items:center;opacity:0;transform:translateY(10px)}@media screen and (max-width:920px){.adaptation .detile{width:80%}}@media screen and (max-width:480px){.adaptation .detile{width:65%;margin:3rem auto 0}}.adaptation .detile .hd img{width:100%}.adaptation .detile .date{width:65%;margin-top:1rem}@media screen and (max-width:480px){.adaptation .detile .date{width:58%}}.adaptation .detile .date img{width:100%}.adaptation .detile .about{margin-top:0.5rem}.adaptation .detile .about img{width:100%}.adaptation .detile .cast{margin-top:2rem}.adaptation .detile .cast img{width:100%}.adaptation .detile a{color:#fff;display:block;text-align:left;margin:0.7rem auto 0 0;font-size:14px}@media screen and (max-width:480px){.adaptation .detile a{font-size:12px}}@media (hover:hover){.adaptation .detile a:hover{text-decoration:none}}.adaptation.fadein .adaptation-inr .ph{animation:fadein 0.5s ease 0.5s forwards}.adaptation.fadein .adaptation-inr .l-box .icon{animation:doon 0.7s ease forwards}.adaptation.fadein .adaptation-inr .l-box .catch{animation:fadein ease 0.5s 0.5s forwards}.adaptation.fadein .detile{animation:fadein ease 1s forwards}@keyframes doon{90%{opacity:1;transform:scale(1.5) rotate(-14deg)}to{opacity:1;transform:scale(1) rotate(-14deg)}}.copy{color:#fff;font-size:12px;text-align:center;margin:2rem 0 0.5rem}@media screen and (min-width:1020px){.copy{text-align:right;margin-right:2rem}}@media screen and (max-width:480px){.copy{font-size:10px;bottom:6%;right:2.5%;margin-top:1rem}}