.header{z-index:10;width:100%;position:relative;display:flex;justify-content:space-between;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8;height:80px}.header a{display:flex;gap:10px;text-decoration:none}.header .icon{background-image:url("https://raw.githubusercontent.com/Kirinoha-Novel/kirinoha-novel-blog/refs/heads/main/static/icon.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;width:60px;height:60px;border-radius:50%;margin:10px 0 10px 10px}.header .label{font-size:1.3em;height:80px;line-height:80px}.top-page{margin:0 0 150px 0}.top-page .first-view{background-attachment:fixed;background:#74ebd5;background:-webkit-linear-gradient(to right, #acb6e5, #74ebd5);background:linear-gradient(to right, #acb6e5, #74ebd5);height:450px;display:flex;align-items:center;justify-content:center;}.top-page .first-view .title{color:#fff;padding:0px 30px;font-weight:700}@media screen and (max-width: 560px){.top-page .first-view .title{font-size:2.7em}.top-page .first-view .subtitle{font-size:1.9em}}@media screen and (max-width: 640px) and (min-width: 561px){.top-page .first-view .title{font-size:3em}.top-page .first-view .subtitle{font-size:2em}}@media screen and (min-width: 641px){.top-page .first-view .title{font-size:3.3em}.top-page .first-view .subtitle{font-size:2em}}.top-page .about-div span{display:inline-block}.top-page .about-div .icon{background-image:url("https://raw.githubusercontent.com/Kirinoha-Novel/kirinoha-novel-blog/refs/heads/main/static/icon.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;width:180px;height:180px;border-radius:50%;margin:-40px auto 100px auto}.top-page .about-div .title-wrapper{width:fit-content;margin:0 auto}.top-page .about-div .title{display:block;width:fit-content;font-size:1.8em;text-align:center;padding:0 20px}.top-page .about-div .title span{display:inline-block;border-bottom:#000 1px solid}.top-page .about-div .content{width:100%;max-width:840px;margin:0 auto;padding:0 20px;box-sizing:border-box;-webkit-box-sizing:border-box}.top-page .about-div .play-image{background-image:url("https://raw.githubusercontent.com/Kirinoha-Novel/kirinoha-novel-blog/main/static/play.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;aspect-ratio:16/9;width:100%;max-width:700px;height:100%;border-radius:20px;margin:50px auto}.top-page .blog-list-div{width:100%}.top-page .blog-list-div .title{font-size:1.8em;text-align:center;margin:70px 0 30px 0}.top-page .blog-list-div .tag-list{font-size:1.2em;text-align:center;margin:0 0 30px 0;display:block}.top-page .blog-list-div ul{list-style:none;margin:0 auto;width:100%;max-width:800px}.top-page .blog-list-div ul li{margin:20px 0 20px 0;overflow:visible;padding:20px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8;overflow-wrap:anywhere}.top-page .blog-list-div ul li .post-link{text-decoration:none}.top-page .blog-list-div ul li .post-link h2{font-size:1.6em;text-align:center;text-decoration:underline}.top-page .blog-list-div ul li .post-link .date,.top-page .blog-list-div ul li .post-link .author{font-size:.9em}.top-page .blog-list-div ul li .tags{font-size:1.1em;margin:10px 0 0 0;text-align:right}.blog-page-div{background-color:#eaeaea;}.blog-page-div .blog-content{display:flex;width:100%;max-width:1160px}.blog-page-div .blog-content .toc-box{margin:0;margin:150px 20px 0 50px;padding:20px 10px 10px 10px;width:300px;height:400px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8;overflow-y:scroll;overflow-x:visible;position:sticky;top:20px;font-size:1.15em}.blog-page-div .blog-content .toc-box ul,.blog-page-div .blog-content .toc-box ol{padding-left:1.5em}.blog-page-div .blog-content .blog-container{max-width:calc(100% - 40px);flex:1;padding:50px 20px 20px 20px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8}.blog-page-div .blog-content .blog-container .blog-title{text-align:center;font-size:1.9em;font-weight:400}.blog-page-div .blog-content .blog-container .blog-meta{margin:10px 0;text-align:center;font-size:1.1em;font-weight:400}.blog-page-div .blog-content .blog-container .blog-meta span{display:inline-block;margin:0 10px}.blog-page-div .blog-content .blog-container .back-link{margin:0 0 60px 0;font-size:1.1em;font-weight:400}@media screen and (max-width: 1010px){.blog-page-div .toc-box{display:none}.blog-page-div .blog-content{margin:50px auto 150px auto}}@media screen and (min-width: 1011px){.blog-page-div .blog-content{margin:120px auto 130px auto}.blog-page-div .blog-container{max-width:760px;margin:0 0 0 20px}}.blog-page-div .blog-config{font-family:"Sawarabi Gothic",serif}.blog-page-div .blog-config h1,.blog-page-div .blog-config h2,.blog-page-div .blog-config h3{scroll-margin-top:20px}.blog-page-div .blog-config h1{font-size:2.1em;font-weight:400;margin:.67em 0}.blog-page-div .blog-config h2{font-size:1.9em;font-weight:400;margin:.75em 0}.blog-page-div .blog-config h3{font-size:1.7em;font-weight:400;margin:.83em 0}.blog-page-div .blog-config h4{font-size:1.5em;font-weight:400;margin:1.12em 0}.blog-page-div .blog-config h5{font-size:1.3em;font-weight:400;margin:1.5em 0}.blog-page-div .blog-config h6{font-size:1.1em;font-weight:400;margin:1.67em 0}.blog-page-div .blog-config p{font-size:1.1em;font-weight:400;margin:1em 0}.blog-page-div .blog-config strong{font-weight:700;background:linear-gradient(rgba(0,0,0,0) 50%, #ffdc7d 50%)}.blog-page-div .blog-config em{font-style:italic}.blog-page-div .blog-config blockquote{background-color:#c5c5c5;padding:5px 10px;border-left:#9b9b9b 5px solid}.blog-page-div .blog-config pre{padding:15px;border-radius:7.5px;background-color:#dedede !important;box-sizing:border-box;overflow:auto}.blog-page-div .blog-config ul,.blog-page-div .blog-config ol{padding-left:1.5em}.blog-list-page{height:100lvh;width:100%}.blog-list-page .title{font-size:1.8em;text-align:center;margin:70px 0 50px 0;padding:0 20px}.blog-list-page .tag-list{font-size:1.2em;text-align:center;margin:0 0 30px 0;display:block}.blog-list-page span{display:inline-block}.blog-list-page ul{list-style:none;margin:0 auto;width:100%;max-width:800px}.blog-list-page ul li{margin:20px 0 20px 0;overflow:visible;padding:20px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8;overflow-wrap:anywhere}.blog-list-page ul li .post-link{text-decoration:none}.blog-list-page ul li .post-link h2{font-size:1.6em;text-align:center;text-decoration:underline}.blog-list-page ul li .post-link .date,.blog-list-page ul li .post-link .author{font-size:.9em}.blog-list-page ul li .tags{font-size:1.1em;margin:10px 0 0 0;text-align:right}.tag-list-page-div{height:100lvh;width:100%}.tag-list-page-div .title{font-size:1.8em;text-align:center;margin:70px 0 50px 0}.tag-list-page-div .ul-wrapper{display:flex;justify-content:center}.tag-list-page-div .ul-wrapper ul{display:inline-block;list-style:none;margin:0 auto;max-width:600px;width:100%;overflow-x:visible}.tag-list-page-div .ul-wrapper ul li{margin:30px 0 30px 0}.tag-list-page-div .ul-wrapper ul li a{text-decoration:none}.tag-list-page-div .ul-wrapper ul li a div{overflow-wrap:anywhere;padding:0 20px 5px 20px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8}.tag-list-page-div .ul-wrapper ul li a div h2{font-size:1.6em;padding:20px 0 20px 0}.tag-list-page-div .ul-wrapper ul li a div p{font-size:.9em;text-align:right}.error-page-div{height:100lvh;width:100%;display:flex;align-items:center;justify-content:center}.error-page-div .container{margin-top:-90.5px}.error-page-div .statuscode{font-size:5em;text-align:center}.error-page-div .status-message{font-size:1.6em;text-align:center;margin:20px 0}.error-page-div .link{font-size:1.2em;text-align:center;margin:10px 0}.alert-type{border-radius:10px;padding:10px;margin:30px 0}.alert-type-label{font-size:1.2em}.note{background-color:rgba(10,104,218,.5019607843)}.tip{background-color:rgba(24,127,50,.5019607843)}.important{background-color:rgba(127,78,223,.5019607843)}.warning{background-color:rgba(152,101,1,.5019607843)}.caution{background-color:rgba(208,33,43,.5019607843)}.img-box{width:fit-content;margin:0 auto}.caption{padding:5px 0 0 0;font-size:.8em;text-align:center;color:#717171}html,body{background-color:#eaeaea;}html *,body *{overflow-anchor:none;color:#000;padding:0;margin:0;display:swap;font-family:"M PLUS 1p",sans-serif;font-weight:400;font-style:normal}html footer,body footer{margin:auto 0 0 0;background-color:#eaeaea;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8;height:150px;}html footer .credit,body footer .credit{width:100%;height:100%;font-size:1em;display:flex;flex-flow:column;align-items:center;justify-content:center}html footer .credit .attention,body footer .credit .attention{margin:20px 0 0 0;padding:0 10px;font-size:.8em}html footer .credit p,body footer .credit p{margin:2px 0}@media screen and (max-width: 515px){html footer .pc-credit,body footer .pc-credit{display:none}}@media screen and (min-width: 516px){html footer .mobile-credit,body footer .mobile-credit{display:none}}