@charset "UTF-8";:root{--main-color: #355bae;--main-hover-color: #dc143c;--navbar-height: 50px}.fluent-card{border-radius:8px;background-color:#fff;border:1px solid #f3f3f3;box-shadow:0 0 2px #0000001f,0 2px 4px #00000024}[data-component=post-details]{width:960px;margin:20px auto;padding:0 20px;box-sizing:border-box}@media screen and (max-width: 1024px){[data-component=post-details]{width:90%}}@font-face{font-family:PPT;src:url(./PPT-BaDzX0eQ.ttf) format("truetype")}body{width:100vw;height:100vh;margin:0;overflow:hidden;font-family:PPT,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none}#root{width:100%;height:100%}svg{stroke:var(--main-hover-color)}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.box-shadow{box-shadow:0 2px 4px #0000001f,0 0 6px #0000000a}.wrap{padding:20px 25px}.options-area{justify-content:space-between}.flex-row{display:flex}.flex-column{display:flex;flex-direction:column}.grid-2{display:grid;grid-template-columns:50% 50%}.grid-2 .ant-form-item{padding:0 5px}.text-blue{color:#00f!important}.btn-blue{background-color:#00f!important}.text-red{color:red!important}.btn-red{background-color:red!important}.text-green{color:green!important}.btn-green{background-color:green!important}.text-black{color:#000!important}.btn-black{background-color:#000!important}.text-deepSkyBlue{color:#00bfff!important}.btn-deepSkyBlue{background-color:#00bfff!important}.text-primary{color:#409eff!important}.btn-primary{background-color:#409eff!important}.text-info{color:#909399!important}.btn-info{background-color:#909399!important}.text-success{color:#67c23a!important}.btn-success{background-color:#67c23a!important}.text-warning{color:#e6a23c!important}.btn-warning{background-color:#e6a23c!important}.text-danger{color:#f56c6c!important}.btn-danger{background-color:#f56c6c!important}.text-white{color:#fff!important}.btn-white{background-color:#fff!important}[data-component=trigger]{display:inline-block;position:relative;width:40px;height:30px;cursor:pointer}[data-component=trigger]:hover span{background-color:var(--main-hover-color)}[data-component=trigger] span{position:absolute;left:0;width:100%;height:3px;background-color:var(--main-color);transition:all .2s}[data-component=trigger] span:nth-of-type(1){top:0}[data-component=trigger] span:nth-of-type(2){top:14px}[data-component=trigger] span:nth-of-type(3){bottom:0}[data-component=trigger].active span:nth-of-type(1){transform:translateY(13.5px) rotate(-45deg)}[data-component=trigger].active span:nth-of-type(2){opacity:0}[data-component=trigger].active span:nth-of-type(3){transform:translateY(-13.5px) rotate(45deg)}[data-component=tag]{text-indent:0;display:inline-block;padding:0 10px;margin-right:10px;border:1px solid rgb(245,245,245);border-radius:20px;font-size:.75rem;color:#fff;cursor:pointer}[data-component=tag].active{background-color:#d2691e!important}[data-component=loading] #loading-ill{text-align:center}[data-component=loading] #loading-ill img{width:400px;height:400px;transform:rotate(40deg);opacity:.25;animation:loadingIllust 150s linear 0s infinite;transition:1.5s}@keyframes loadingIllust{0%{transform:rotate(30deg)}to{transform:rotate(-330deg)}}[data-component=loading] #loading{margin-top:10px;text-align:center;font-size:1rem;font-family:sans-serif;transition:1.5s}[data-component=loading] #loading span{animation:progressFade .8s linear 0s infinite alternate}@keyframes progressFade{0%{opacity:.25}to{opacity:1}}[data-component=menu-item]{display:flex;margin:5px 0;cursor:pointer;-webkit-user-select:none;user-select:none}[data-component=menu-item]:hover .menu-body{width:200px;height:44px;line-height:44px;font-size:24px}[data-component=menu-item]:hover .triangle{border:22px solid transparent;border-left-color:#467ab3;border-right:none}[data-component=menu-item]:hover .under-line{height:3px}[data-component=menu-item] .menu-body{width:180px;height:40px;line-height:40px;font-size:20px;text-align:center;color:#fff;background:linear-gradient(to left,#467ab3 20%,#b1d0e2);position:relative;transition:width .5s ease,height .5s ease}[data-component=menu-item] .triangle{width:0;height:0;border:20px solid transparent;border-left-color:#467ab3;border-right:none;transition:all .5s ease}[data-component=menu-item] .under-line{background:linear-gradient(to right,#467ab3,#fff);width:100%;height:3px;position:absolute;bottom:5px}@keyframes global-nav-btn-rotation{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}[data-component=navbar]{height:var(--navbar-height);background:#ffffffb8;-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--main-color);box-shadow:0 0 2px #0000001f}[data-component=navbar]:hover{border-bottom:1px solid var(--main-hover-color)}[data-component=navbar] .logo{background-color:var(--main-color);transition:.5s}[data-component=navbar] .logo:hover{background-color:var(--main-hover-color)}[data-component=navbar] .web-nav{align-items:center;height:100%}@media screen and (min-width: 720px){[data-component=navbar] .web-nav{display:flex}}@media screen and (max-width: 720px){[data-component=navbar] .web-nav{display:none}}[data-component=navbar] .phone-nav{justify-content:space-between;align-items:center;height:100%}@media screen and (min-width: 720px){[data-component=navbar] .phone-nav{display:none}}@media screen and (max-width: 720px){[data-component=navbar] .phone-nav{display:flex}}[data-component=navbar] .my-link{position:relative;width:100%;height:100%;line-height:var(--navbar-height);margin-left:10px;padding:0 20px 0 55px;box-sizing:border-box;color:var(--main-color);white-space:nowrap}[data-component=navbar] .my-link:hover{color:var(--main-hover-color)}[data-component=navbar] .my-link:hover .hoge{stroke-dashoffset:0}[data-component=navbar] .my-link:hover:before{opacity:1}[data-component=navbar] .my-link:hover .link-after{opacity:1}[data-component=navbar] .my-link .hoge{position:absolute;bottom:0;left:0;stroke-dasharray:52.3147277832;stroke-dashoffset:52.3147277832;transition:.3s}[data-component=navbar] .my-link:before{content:"";display:block;position:absolute;top:50%;left:33px;width:8px;height:8px;background:var(--main-hover-color);border-radius:50%;transform:translateY(-50%);opacity:0;transition:.5s}[data-component=navbar] .my-link .link-after{display:block;position:absolute;top:50%;left:27px;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;animation:global-nav-btn-rotation 2s linear infinite;opacity:0;transition:.5s}[data-component=menu-drawer]{top:-10vh;position:absolute;z-index:99;width:80%;height:120vh;right:-110%;padding:17.5vh 0 0;transform:rotate(7.5deg);background:#fff;transition:.3s}[data-component=menu-drawer] .my-link{padding-left:30px;margin-bottom:25px;color:var(--main-color);font-size:24px;display:block}[data-component=menu-drawer] .my-link .en{font-size:14px}[data-component=menu-drawer] .my-link:hover{color:var(--main-hover-color)}.content{position:relative;overflow:auto;height:calc(100% - var(--navbar-height))}.layout{height:100%}.logo-container{position:absolute;z-index:99}.header-phone{height:40px;display:block;position:absolute;top:0;right:0;z-index:9}.header-holder{display:block;height:40px}.menu-wrap{position:fixed;bottom:15px;left:0;z-index:99;transition:all .5s ease}.menu-wrap [data-component=menu-item]{margin-left:-180px}.menu-wrap [data-component=menu-item]:nth-child(1){transition:all .3s ease}.menu-wrap [data-component=menu-item]:nth-child(2){transition:all .6s ease}.menu-wrap [data-component=menu-item]:nth-child(3){transition:all .9s ease}.menu-wrap [data-component=menu-item]:nth-child(4){transition:all 1.2s ease}.menu-wrap:hover [data-component=menu-item]{margin-left:0}[data-component=post-item]{border-radius:5px;padding:15px;margin-bottom:15px;cursor:pointer}[data-component=post-item] .p-title{text-indent:10px;font-size:26px;color:#545454;border-bottom:1px solid rgb(84,84,84)}[data-component=post]{padding-top:30px;min-height:100%;box-sizing:border-box;display:flex;justify-content:space-between;flex-wrap:nowrap;width:1024px;margin:0 auto}@media screen and (max-width: 1024px){[data-component=post]{padding:20px;width:100%}}@media screen and (max-width: 720px){[data-component=post]{width:100%;display:block;padding:20px}}[data-component=post] .infos{width:35%}@media screen and (max-width: 720px){[data-component=post] .infos{width:100%}}[data-component=post] .infos .info{padding:10px}[data-component=post] .infos .info .info-name{font-size:24px;text-align:center;font-weight:700}[data-component=post] .infos .info .info-number{text-align:center;font-size:14px;font-weight:700;justify-content:space-around;align-items:center}[data-component=post] .infos .info .info-number .divider{height:30px;width:1px;background-color:#795548}[data-component=post] .infos .classify,[data-component=post] .infos .tags{margin-top:20px;padding:10px;box-sizing:border-box;background-color:#fff}[data-component=post] .infos .classify .title,[data-component=post] .infos .tags .title{font-size:18px}[data-component=post] .classify-item{display:inline-block;border-radius:2px;margin:5px;background-color:#79554880;color:#f5f5f5;padding:0 10px;cursor:pointer}[data-component=post] .classify-item.active{background-color:#d2691e}[data-component=post] .posts,[data-component=post] .no-posts{width:63%;height:fit-content;padding:0 10px;box-sizing:border-box;background-color:transparent}@media screen and (max-width: 720px){[data-component=post] .posts,[data-component=post] .no-posts{width:100%;margin-top:20px;padding:0}}[data-component=post] .no-posts{text-align:center;background-color:#fff}[data-component=card]{position:relative;background:url(https://www.falcom.co.jp/page/wp-content/themes/falcom/assets/toppage/title_lineup/kuro_201217.jpg) center center;background-size:100% 100%;margin:15px 10px;cursor:pointer;color:#f5f5f5;height:200px;transition:all .3s ease-in;overflow:hidden}[data-component=card]:hover{background-size:120% 120%}[data-component=card]:hover .c-intro{height:120px;background:transparent}[data-component=card]:hover:after{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-component=card]:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:#00000080;opacity:0;transition:.3s}[data-component=card] .c-intro{position:absolute;height:50px;bottom:0;left:0;right:0;z-index:99;background:linear-gradient(to bottom,#0000,#000c);color:#f5f5f5;transition:height .3s}[data-component=card] .c-intro .c-title{height:50px;line-height:50px;text-indent:32px;font-weight:700}[data-component=card] .c-intro .c-hide{height:50px;width:100%;text-indent:32px}[data-component=card] .c-intro .c-tag{text-indent:0;display:inline-block;padding:0 10px;margin-right:10px;border:1px solid rgb(245,245,245);border-radius:20px;font-size:.75rem}[data-component=card] .c-intro .c-type,[data-component=card] .c-intro .create-time{font-size:14px;display:inline-block;text-indent:0;margin-right:10px}[data-component=home]{padding-top:80px;min-height:100%}[data-component=home] .up{width:100%;text-align:center}[data-component=home] .up .my-intro{display:inline-block;padding-left:20px;font-size:30px}[data-component=home] .up .my-intro .name{text-align:left}[data-component=home] .up .my-intro .intro{font-size:16px;width:280px;text-align:left}[data-component=home] .new-blog,[data-component=home] .new-novel{width:700px;margin:60px auto 0;padding:10px 20px;box-sizing:border-box;border-radius:5px}[data-component=home] .new-blog .title,[data-component=home] .new-novel .title{width:100%;font-size:18px;color:#f09dc1;justify-content:space-between;font-weight:700;align-items:center}[data-component=home] .new-blog .content,[data-component=home] .new-novel .content{display:grid;grid-template-columns:50% 50%;color:#f5f5f5;font-size:16px}[data-component=home] .new-novel .title{color:#bfc}@media screen and (max-width: 720px){[data-component=home]{padding-top:20px}[data-component=home] .up .my-intro{padding:0;display:block;margin:0 auto}[data-component=home] .up .my-intro .name{text-align:center}[data-component=home] .up .my-intro .intro{text-align:center;margin:0 auto}[data-component=home] .new-blog,[data-component=home] .new-novel{width:400px}[data-component=home] .new-blog .content,[data-component=home] .new-novel .content{grid-template-columns:100%}}@media screen and (max-width: 400px){[data-component=home] .new-blog,[data-component=home] .new-novel{width:100%}}[data-component=about]{width:960px;margin:20px auto;padding:20px;text-align:center;box-sizing:border-box}[data-component=about] .hidden{width:400px;margin:0 auto;background-color:#87ceeb;color:#87ceeb}[data-component=about] .hidden:hover{color:#fff}@media screen and (max-width: 720px){[data-component=about]{width:90%}[data-component=about] .hidden{width:100%}}