@font-face{
  font-family:'icomoon';
  src:url(./fonts/icomoon.ttf?w047j2) format('truetype'),url(./fonts/icomoon.woff?w047j2) format('woff'),url('./fonts/icomoon.svg?w047j2#icomoon') format('svg');
  font-weight:400;
  font-style:normal;
  font-display:block
}

[class^='icon-'],[class*=' icon-']{
  font-family:'icomoon'!important;speak:never;
  font-style:normal;
  font-weight:400;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

.icon-x:before{content:"\e900"}

.icon-message:before{content:"\e901"}

.icon-create:before{content:"\e902"}

.icon-email:before{content:"\e903"}

.icon-access_time:before{content:"\e904"}

.icon-keyboard_arrow_left:before{content:"\e905"}

.icon-keyboard_arrow_right:before{content:"\e906"}

.icon-desktop_windows:before{content:"\e907"}

.icon-discord:before{content:"\e908"}

.icon-folder:before{content:"\e909"}

.icon-lightbulb_outline:before{content:"\e90a"}

.icon-person:before{content:"\e90b"}

.icon-file_download:before{content:"\e90c"}

.icon-remove_red_eye:before{content:"\e90d"}

.icon-keyboard_arrow_up:before{content:"\e90e"}

.icon-line:before{content:"\e90f"}

.icon-hatenabookmark:before{content:"\e910"}

.icon-price-tag:before{content:"\e935"}

.icon-sphere:before{content:"\e9c9"}

.icon-link:before{content:"\e9cb"}

.icon-twitter:before{content:"\ea96"}

.icon-youtube:before{content:"\ea9d"}

.icon-github:before{content:"\eab0"}

.icon-facebook:before{content:"\f09a"}

.icon-get-pocket:before{content:"\f265"}
  
body{
  font-family:'Montserrat','Noto Sans JP',sans-serif;font-weight:300
}

.content{
  font-family:'Open Sans','Noto Sans JP',sans-serif
}

html{scroll-behavior:smooth}

@keyframes ScaleAni{0%{transform:scale(.9)}100%{transform:scale(1)}}

.swiper-slide .s-fade-txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}

.swiper-slide .s-fade-txt{animation:FadeAni 0.5s ease 1s 1 normal both}

@keyframes FadeAni{0%{opacity:0}100%{opacity:1}}

.wrap{overflow:hidden}

.swiper-wrapper img{width:100%;height:35vh;object-fit:cover}

.active{display:block!important}

.slide-wrap img{width:100%;height:35vh;object-fit:cover}

.slide-class{margin:0 auto}

.animation-slide{position:relative}

.swiper-button-prev:after,.swiper-container-rtl,.swiper-button-next:after{color:#fff}

.swiper-pagination-bullet{background:#fff}

.mopen{float:left;display:block;background:rgba(255,255,255,0);position:relative;z-index:1000}

.mopen span{transition:all 0.3s;transform:rotate(0deg);width:50px;height:2px;display:block;background:#000;position:absolute;left:50%;top:50%;margin-left:-25px}

.mopen .top{transform:translateY(-17px)}

.mopen .bottom{transform:translateY(17px)}

.mopen.is-open span{background:#fff}

.mopen.is-open .middle{background:rgba(255,255,255,0)}

.mopen.is-open .top{transform:rotate(-45deg) translateY(0)}

.mopen.is-open .bottom{transform:rotate(45deg) translateY(0)}

#overlay{visibility:hidden;display:flex;transition:0.3s linear;position:absolute;z-index:900;align-items:center;justify-content:center;left:0;top:0;width:100%;height:100%;background:#222;opacity:0}

#overlay.open{visibility:visible;opacity:.95}

body.scroll-lock{position:fixed;left:0;right:0;top:0;bottom:0}

.scroll-top{background-color:#222;text-align:center;color:#fff;position:fixed;right:1.5rem;bottom:1.5rem;width:3rem;height:3rem;display:flex;flex-direction:column;z-index:1000;padding-top:.75em;padding-bottom:.75em;cursor:pointer}

input[type='text'],textarea{width:100%;max-width:72em;margin-bottom:.5em;margin-top:.5em}

input,textarea{-webkit-appearance:none}input[type='checkbox']{-webkit-appearance:checkbox}

span.begin-task-list+ul{padding-left:0;list-style:none}

.pagination{display:flex;list-style:none;border-radius:.25rem;margin:20px 0;padding:0;justify-content:center}

.page-link{position:relative;display:block;padding:.75rem 1rem;margin-left:-1px;line-height:1.25;border:1px solid #dee2e6}

.homepage .page-link,.listing .page-link{background-color:#fff}

.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}

.page-item.active .page-link{z-index:1}

#TableOfContents>ul{border:1px solid #999;border-radius:3px;padding:.5em 1em;line-height:2}

#TableOfContents>ul:before{content:'Table of Contents';text-align:center;font-size:1.5em;font-weight:400}

#TableOfContents ul{list-style-type:none}

#TableOfContents li{padding-top:0}#TableOfContents li>ul{padding-left:1em;width:100%}

#TableOfContents a{display:block;border-bottom:dashed 1px lightgray}.hljs-ln-code{padding-left:0.8em!important}.content code table.hljs-ln{margin:0}

.content code table.hljs-ln tr{border-bottom-width:0}

::-webkit-scrollbar{width:10px}

::-webkit-scrollbar-track{border-radius:8px;box-shadow:inset 0 0 5px rgba(0,0,0,.1)}

::-webkit-scrollbar-thumb{background-color:#121212;border-radius:10px;box-shadow:0 0 0 1px #121212}

.share-button{padding-top:10px;padding-bottom:8px;transition:all 0.3s}

.share-button:hover{opacity:.7}

.x{background-color:#000}

.twitter{background-color:#1da1f2}

.line{background-color:#00c300}

.facebook{background-color:#3b5998}

.pocket{background-color:#ef4056}

.hatena{background-color:#00a4de}

.url{background-color:#222}