@charset "UTF-8";html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Segoe UI","Helvetica Neue",HelveticaNeue,YuGothic,"Yu Gothic Medium","Yu Gothic",Verdana,Meiryo,sans-serif}img{max-width:100%;vertical-align:bottom;pointer-events:none}body{position:relative}@media screen and (max-width:480px){.wrapper{overflow:hidden}}img{pointer-events:none}header{box-sizing:border-box;position:relative;padding:0 0 4rem;background:url(../img/top_bg.jpg) no-repeat center -400px transparent;background-size:100%;overflow:hidden;background-color:#000615}@media screen and (min-width:921px){header{min-height:820px}}@media screen and (max-width:920px){header{background-position:center 0;background-size:150%}}@media screen and (max-width:480px){header{background-size:350%;background-position:center 11%;padding:0 0 1rem}}header p{font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;color:#fff;max-width:980px;margin:0 auto 2rem;width:95%;line-height:1.8;font-size:25px;font-size:1.5625rem;font-weight:bold;opacity:0}@media screen and (max-width:920px){header p{font-size:20px;font-size:1.25rem}}@media screen and (max-width:480px){header p{font-size:18px;font-size:1.125rem;width:auto;padding:0 1rem}}header p:nth-child(4){animation:head_title 1s ease-out 1.5s forwards}header p:nth-child(5){animation:head_title 1s ease-out 2.2s forwards}header p:nth-child(6){animation:head_title 1s ease-out 2.9s forwards}header .writer{width:200px;position:absolute;top:365px;left:calc(50% - 507px);opacity:0;transform:translateX(-20px);animation:title-anime 1s ease-out 1s forwards}@media screen and (max-width:1055px){header .writer{left:3%;top:320px}}@media screen and (max-width:920px){header .writer{width:20%;top:34vw}}@media screen and (max-width:480px){header .writer{position:static;width:75%;margin:0 auto 2rem}}header .writer img{width:100%}@media screen and (max-width:480px){header .writer img{width:111px}}.top-ph{max-width:950px;margin:0 auto 2rem;width:90%;filter:blur(10px);opacity:0;animation:top-ph 0.5s ease-out 0.2s forwards;position:relative}.top-ph .credit{position:absolute;bottom:6px;right:1%;font-size:12px;font-size:0.75rem;color:#fff}@media screen and (max-width:480px){.top-ph{min-width:auto;width:110%;margin:-3% 0 0 -10%}}.top-ph img{max-width:100%;background-size:100%}h1{position:absolute;width:550px;top:35px;left:calc(50% - 520px);opacity:0;transform:translateX(-20px);animation:title-anime 1s ease-out 1s forwards}@media screen and (max-width:1055px){h1{left:1%;width:480px}}@media screen and (max-width:920px){h1{width:49%}}@media screen and (max-width:480px){h1{position:static;width:80%;padding:0;margin:1rem auto 0.5rem}}h1 img{max-width:100%;vertical-align:bottom}@keyframes top-ph{to{opacity:1;filter:blur(0)}}@keyframes title-anime{to{opacity:1;transform:translateX(0)}}@keyframes contents-anime{to{opacity:1;transform:translateY(0)}}@keyframes head_title{to{opacity:1}}.movie{text-align:center;margin:3rem 0 0;opacity:0;animation:head_title 1s ease-out 3.2s forwards}.movie iframe{box-shadow:0 0 10px rgba(0,0,0,0.5)}@media screen and (max-width:920px){.movie{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 1.5rem}.movie iframe{position:absolute;top:0;left:0;width:100%;height:100%}}@media screen and (max-width:480px){.movie{margin:0 0 1rem}}.book-area{position:relative;background:url(../img/bg.jpg) 0 0;background-size:100px;padding:6rem 0}@media screen and (max-width:480px){.book-area{padding:0 0 2rem}}.book-area *{box-sizing:border-box}.book-area-inner{transition:all 0.5s ease;width:95%;max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;position:relative}@media screen and (max-width:920px){.book-area-inner{flex-wrap:wrap;width:100%;max-width:700px;padding:0 1.5rem}}@media screen and (max-width:480px){.book-area-inner{width:100%}}.book-area-inner-wrap{padding:3rem 0 4rem;position:relative;background:rgba(255,255,255,0.6);opacity:0;transform:translateY(20px)}.book-area-inner-wrap.fadein{animation:contents-anime 0.5s ease-out forwards}@media screen and (max-width:920px){.book-area-inner-wrap{padding:6rem 0 4rem}}@media screen and (max-width:480px){.book-area-inner-wrap{padding:3rem 0 3rem}}.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{width:50%;max-width:400px;margin-right:4em;flex-shrink:0}@media screen and (max-width:920px){.book-area-inner-book{width:100%;max-width:400px;margin:0 auto 2em}}@media screen and (max-width:480px){.book-area-inner-book{margin-bottom:1rem;max-width:300px}}.book-area-inner-book img{vertical-align:bottom;max-width:100%;width:100%;box-shadow:0 0 10px rgba(0,0,0,0.45)}.book-area-inner-detail{width:100%;padding:3rem 0 0}@media screen and (min-width:921px){.book-area-inner-detail{width:calc(100% - 500px);flex-shrink:1}}@media screen and (max-width:920px){.book-area-inner-detail{padding:0}}.book-area-inner-title{font-size:48px;font-size:3rem;font-feature-settings:"palt" 1;line-height:1.2}.book-area-inner-title span{display:inline-block}.book-area-inner-title .f-s{font-size:40px;font-size:2.5rem;display:block}@media screen and (max-width:480px){.book-area-inner-title .f-s{font-size:32px;font-size:2rem}}@media screen and (max-width:320px){.book-area-inner-title .f-s{font-size:30px;font-size:1.875rem}}@media screen and (max-width:920px){.book-area-inner-title{text-align:center;font-size:44px;font-size:2.75rem}}@media screen and (max-width:480px){.book-area-inner-title{font-size:32px;font-size:2rem}}@media screen and (max-width:320px){.book-area-inner-title{font-size:30px;font-size:1.875rem}}.book-area-inner-writer{font-size:22px;font-size:1.375rem;margin-top:1.5rem}@media screen and (max-width:920px){.book-area-inner-writer{text-align:center;font-size:35px;font-size:2.1875rem}}@media screen and (max-width:480px){.book-area-inner-writer{font-size:21px;font-size:1.3125rem;margin-top:0.8rem}}.book-area-inner-txt{line-height:1.8;margin-top:1.5rem}@media screen and (max-width:480px){.book-area-inner-txt{font-size:14px;font-size:0.875rem}}.book-area-inner-info{margin-top:1.5rem}@media screen and (max-width:920px){.book-area-inner-info{width:10rem;margin:1.2rem auto 0}}.book-area-inner-info span{display:block;line-height:1.8;font-size:13px;font-size:0.8125rem;color:#333}.book-area .trial_btn_area_wrap{width:100%;position:relative;margin:1rem 0 0}@media screen and (max-width:480px){.book-area .trial_btn_area_wrap{margin:2rem 0 0}}.book-area .trial_btn_area_wrap .trial_btn{display:block;width:250px;margin:0 auto}@media screen and (max-width:480px){.book-area .trial_btn_area_wrap .trial_btn{width:70%}}.book-area .trial_btn_area_wrap .trial_btn .trial_btn_img{width:100%}@media screen and (min-width:921px){.book-area .trial_btn_area_wrap .trial_btn:hover{opacity:0.5;transition:all 0.2s ease-out}}.book-area .trial_btn_area_wrap p{text-align:center;font-size:13px;font-size:0.8125rem;margin-top:0.5rem}@media screen and (max-width:480px){.book-area .trial_btn_area_wrap p{font-size:13px;font-size:0.8125rem}}.book_sotre_list{margin:1.5rem auto 0;max-width:830px;list-style:none;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-start}@media screen and (min-width:921px){.book_sotre_list{justify-content:space-around}}@media screen and (max-width:920px){.book_sotre_list{max-width:90%}}@media screen and (max-width:480px){.book_sotre_list{justify-content:space-around}}.book_sotre_list li{width:23%;margin-right:10px;text-align:center;margin-bottom:10px}@media screen and (min-width:921px){.book_sotre_list li{width:44%}}@media screen and (min-width:481px) and (max-width:914px){.book_sotre_list li{width:31%;margin-right:2%}}@media screen and (max-width:480px){.book_sotre_list li{width:45%;margin-right:3%}}.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}}.index-area{width:700px;margin:6rem auto 0;padding:3rem;background:url(../img/frame.svg) no-repeat 0 0;background-size:100%;height:480px;box-sizing:border-box;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;display:flex;flex-wrap:wrap;justify-content:center;position:relative;opacity:0;transform:translateY(20px)}.index-area.fadein{animation:contents-anime 0.5s ease-out forwards}@media screen and (max-width:480px){.index-area{margin:3rem auto 0}}@media screen and (max-width:920px){.index-area{width:95%;max-width:590px;background:none;height:auto;padding:2.5rem}.index-area:before{content:"";background:url(../img/frame.svg) no-repeat 0 0;display:block;width:100%;height:50%;position:absolute;left:0;top:0;background-size:100%}.index-area:after{content:"";background:url(../img/frame.svg) no-repeat 0 bottom;display:block;width:100%;height:50%;position:absolute;left:0;bottom:0;background-size:100%}}@media screen and (max-width:480px){.index-area{padding:2rem 0}.index-area:before{width:100%;height:35px}.index-area:after{width:100%;height:35px}}.index-area-inner{position:relative}@media screen and (max-width:920px){.index-area-inner{z-index:10}}@media screen and (max-width:480px){.index-area-inner{background:url(../img/frame_line_3.svg) repeat-y 0 0;background-size:100%;padding:0.5rem 1.5rem;width:100%}}.index-area-inner-title{font-size:32px;font-size:2rem;text-align:center;margin:0 0 1.5rem;width:100%}@media screen and (max-width:920px){.index-area-inner-title{font-size:30px;font-size:1.875rem}}@media screen and (max-width:480px){.index-area-inner-title{font-size:28px;font-size:1.75rem;margin:0 0 1rem}}.index-area-inner ul{list-style:none;padding:0;margin:0 auto}.index-area-inner ul li{font-size:18px;font-size:1.125rem;line-height:1.4;margin-bottom:0.5rem}@media screen and (max-width:480px){.index-area-inner ul li{font-size:16px;font-size:1rem;margin-bottom:1rem}}.lead{width:90%;max-width:847px;margin:3rem auto 0}@media screen and (max-width:480px){.lead{width:95%;margin:2rem auto 0}}.lead img{width:100%}