*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}a{color:inherit;text-decoration:none}a:hover,a:hover *{cursor:pointer;opacity:.75}h1{font-size:28px;font-weight:700}h2{font-size:25px;font-weight:700}h3{font-size:20px;font-weight:700}h4{font-size:18px;font-weight:700}h5{font-size:16px;font-weight:700}h6{font-size:14px;font-weight:700}h1,h2,h3,h4,h5,h6,ul,li,ol,pre{margin:0;padding:0}@media only screen and (max-width:600px){h1{font-size:18px;font-weight:700}h2{font-size:17px;font-weight:700}h3{font-size:16px;font-weight:700}h4{font-size:15px;font-weight:700}h5{font-size:14px;font-weight:700}h6{font-size:13px;font-weight:700}}.spShow{display:none}.pcShow{display:block}.pagination{display:flex;list-style:none;justify-content:center;margin:20px auto 0}.pagination li{margin:0 5px}.pagination li a{padding:6px 12px;border:1px solid #e8e8e8;background:#fff;color:#000}.pagination li.active a{background:rgba(0,0,0,.8);color:#fff}@media only screen and (max-width:600px){.spShow{display:block}.pcShow{display:none}.pagination li{margin:0 2px}.pagination li a{padding:8px 10px}}.body{color:#000;font-family:hiragino kaku gothic pron,yu gothic,roboto,sans-serif;background:#f6f6f6}.container{min-width:1260px;min-height:100vh}.header{position:relative;z-index:10;box-shadow:0 0 4px #666;border-right:1px solid #fff;background:#fff}.header__inner{width:980px;margin:auto;padding:0}.content{display:flex;justify-content:center;flex-direction:row}.main__inner{width:760px;margin:auto;padding:10px 0}.sidebar__inner{width:320px;margin:auto;padding:10px}.footer{background:#fff}.footer__inner{width:980px;margin:auto;padding:10px}.overlay{display:none;position:fixed;top:0;left:0;z-index:999;width:100vh;height:100vh;background:#000;opacity:.2}.overlay.open{display:block}@media only screen and (max-width:600px){.container{min-width:100%;min-height:100vh}.header{position:fixed;z-index:9999;width:100%}.header__inner{width:100%;padding:15px}.content{flex-direction:column}.main__inner{width:100%;padding:12.5px}.sidebar__inner{width:100%;padding:12.5px}.footer__inner{width:100%;padding:15px}}.list__title{margin:20px 10px 10px;padding:5px 20px;box-shadow:2px 1px 4px #ccc;background:#fff;border-left:10px solid #494949;font-size:25px}.list__articleCardList{display:flex;flex-wrap:wrap;justify-content:flex-start}@media only screen and (max-width:600px){.list__title{margin-top:10px}}.single__article{width:740px;min-height:600px;margin:20px auto auto;padding:20px;background:#fff;border:1px solid #e8e8e8}.single__article__header{display:flex;justify-content:space-between;align-items:center}.single__article__date{font-size:15px}.single__article__date i{margin-right:5px}.single__article__title{margin-top:30px;margin-bottom:15px;padding-bottom:2px;border-bottom:3px solid #494949}.single__article__shareLinks{margin-bottom:20px}.single__article__tag__items{list-style:none;display:flex;flex-wrap:wrap}.single__article__tag__itemLink{display:flex;align-items:center;margin-right:6px;margin-bottom:6px;padding:3px 6px;background:#f5f5f5;font-size:12px;color:#8f8f8f}.single__article__tag__itemIcon{margin-right:5px}.single__article__thumbnail{margin:20px auto;max-width:640px;max-height:640px}.single__article__toc{margin:20px;padding:20px 10px;border:1px solid #ccc;border-radius:4px}.single__article__toc__title{margin-left:10px;margin-bottom:10px}.single__article__toc__title i{margin-right:15px}.single__article__toc #TableOfContents{margin-left:20px}.single__article__toc #TableOfContents>ul{margin-left:20px}.single__article__toc #TableOfContents>ul>li{margin:3px}.single__article__toc #TableOfContents>ul>li>ul{margin-left:20px}.single__article__toc #TableOfContents>ul>li>ul>li{margin:3px}.single__article__content{margin:40px 10px;font-size:16px;line-height:200%;word-break:break-all}.single__article__content h1{padding-left:20px;border-left:10px solid #494949}.single__article__content table{overflow:auto;white-space:nowrap}.single__article__content.markdown-body{color:#000}.single__article__content.markdown-body pre,.single__article__content.markdown-body table{background:#f6f8fa;color:#000}.single__relatedArticleList__title{margin:20px 10px 10px;padding:5px 20px;box-shadow:2px 1px 4px #ccc;background:#fff;border-left:10px solid #494949;font-size:25px}.single__navigation{margin-top:10px;margin-bottom:20px;display:flex;justify-content:space-between}.single__navigation__prev{position:relative;width:47.5%;padding:10px;padding-left:30px;background:#fff;border:1px solid #e8e8e8;display:flex;align-items:center}.single__navigation__prev::before{content:"<";position:absolute;top:50%;transform:translateY(-50%);left:10px;font-weight:700}.single__navigation__next{position:relative;width:47.5%;padding:10px;padding-right:30px;background:#fff;border:1px solid #e8e8e8;display:flex;align-items:center}.single__navigation__next::after{content:">";position:absolute;top:50%;transform:translateY(-50%);right:10px;font-weight:700}.single__navigation__center{margin:auto}@media only screen and (max-width:600px){.single__article{width:100%;min-height:500px;margin-top:10px;padding:12.5px}.single__article__header{display:block}.single__article__date{margin-bottom:10px;font-size:14px}.single__article__title{margin-top:20px;margin-bottom:5px}.single__article__thumbnail{max-width:100%}.single__article__toc{margin:20px 0;padding:15px 10px}.single__article__toc__title{margin-left:5px;margin-bottom:10px}.single__article__toc #TableOfContents{margin-left:15px}.single__article__toc #TableOfContents>ul{margin-left:15px}.single__article__toc #TableOfContents>ul>li{margin:5px}.single__article__toc #TableOfContents>ul>li>ul{margin-left:15px}.single__article__toc #TableOfContents>ul>li>ul>li{margin:5px}.single__article__content{margin:20px 5px;font-size:16px;line-height:150%}.single__article__content p{margin:15px 0}.single__relatedArticleList__title{margin:20px 0 5px}.single__navigation{margin-bottom:0;font-size:14px}}.terms__inner{width:740px;min-height:600px;margin:20px auto auto;padding:20px;background:#fff;border:1px solid #e8e8e8}.terms__title{margin-bottom:15px;padding-bottom:2px;border-bottom:3px solid #494949}.terms__list{margin:0 10px 20px}.terms__list__title{margin-top:50px;margin-bottom:10px;padding-left:20px;border-left:10px solid #494949}.terms__list__title:first-child{margin-top:30px}.terms__list__pages{padding-left:30px}.terms__list__pageItem{margin:5px 0}@media only screen and (max-width:600px){.terms__inner{width:100%;min-height:500px;margin-top:10px;padding:12.5px}.terms__list{margin-left:10px}.terms__list__title{margin-top:30px}.terms__list__title:first-child{margin-top:20px}}.index .index__title--pickup,.index .index__title{padding:5px 20px;box-shadow:2px 1px 4px #ccc;background:#fff;font-size:25px}.index__title{margin:20px 10px 10px;border-left:10px solid #494949}.index__title--pickup{margin:20px 10px 10px;border-left:10px solid #f68}.index__articleCardList{display:flex;flex-wrap:wrap;justify-content:flex-start}@media only screen and (max-width:600px){.index__title{margin-top:10px}.index__title--pickup{margin-top:10px}.index__articleCardList{display:flex;flex-wrap:wrap;justify-content:space-around}}.notFound__title{margin:20px 10px 10px;padding:5px 20px;box-shadow:2px 1px 4px #ccc;background:#fff;border-left:10px solid #494949;font-size:25px}.notFound__image{margin:auto}@media only screen and (max-width:600px){.notFound__title{margin:auto}}.partials__header__title{position:relative;padding:20px 0;font-size:30px;font-weight:700;color:#494949;display:flex;justify-content:space-between;align-items:center}.partials__header__hamburger{position:relative;width:33px;height:23px}.partials__header__hamburger::before{content:"";width:100%;position:absolute;top:0;border-top:2px solid #333;transition:.3s ease-in-out}.partials__header__hamburger.open::before{top:45%;transform:rotate(45deg)}.partials__header__hamburger::after{content:"";width:100%;position:absolute;bottom:0;border-top:2px solid #333;transition:.3s ease-in-out}.partials__header__hamburger.open::after{bottom:45%;transform:rotate(135deg)}.partials__header__hamburger__line{width:100%;position:absolute;top:50%;transform:translateY(-50%);border-bottom:2px solid #333;transition:.3s ease-in-out;opacity:1}.partials__header__hamburger.open .partials__header__hamburger__line{opacity:0}.partials__header__menu{padding:10px 0}.partials__header__menu__topMenu__items{list-style:none;display:flex}.partials__header__menu__topMenu__item{flex:1;text-align:center;font-size:18px}.partials__header__menu__topMenu__item:not(:last-child){border-right:2px solid #ccc}.partials__header__menu__topMenu__itemLink{display:block;font-weight:700;color:#333}@media only screen and (max-width:600px){.partials__header__title{padding:0;font-size:19.5px}.partials__header__menu{position:absolute;width:100%;right:-101%;overflow-y:scroll;height:80vh;margin-top:14px;padding:12.5px;background:#fff;transition:.3s ease-in-out}.partials__header__menu.open{right:0}.partials__header__menu__search__form{height:36px;display:flex}.partials__header__menu__search__query{width:85%;border:1px solid #ccc;padding:10px;outline:0}.partials__header__menu__search__button{width:15%;margin-left:-3px;border:1px solid #ccc;background:#f5f5f5;color:#8f8f8f}.partials__header__menu__topMenu{margin-top:10px}.partials__header__menu__topMenu__items{display:flex;flex-direction:column;border:none}.partials__header__menu__topMenu__itemLink{padding:10px}.partials__header__menu__topMenu__item:not(:last-child){border-right:none;border-bottom:1px solid #ccc}.partials__header__menu__sideMenu{padding:10px 20px;background:#fff}.partials__header__menu__sideMenu__title{margin-bottom:15px;padding-bottom:2px;border-bottom:2px solid #494949}.partials__header__menu__sideMenu__items{list-style:none;display:flex;justify-content:space-around;flex-wrap:wrap;margin:auto}.partials__header__menu__sideMenu__item{width:110px;height:110px;margin:10px auto;border:1px solid #e8e8e8;border-radius:10%;box-shadow:2px 3px 4px #ccc;transition:.3s ease-in-out}.partials__header__menu__sideMenu__item:hover{transform:translate3d(2px,3px,1px);box-shadow:0 1px 2px #ccc}.partials__header__menu__sideMenu__itemLink{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;margin-top:3px}.partials__header__menu__sideMenu__itemLink:hover,.partials__header__menu__sideMenu__itemLink:hover *{opacity:1}.partials__header__menu__sideMenu__itemIcon{pointer-events:none}.partials__header__menu__sideMenu__itemTitle{margin-top:2px}}.partials__sidebar{width:300px}.partials__sidebar__card{margin-top:20px;padding:20px;background:#fff;border:1px solid #e8e8e8}.partials__sidebar__card:last-of-type{margin-bottom:20px}.partials__sidebar__title{margin-bottom:15px;padding-bottom:2px;border-bottom:2px solid #494949}.partials__sidebar__title--pickup{margin-bottom:15px;padding-bottom:2px;border-bottom:2px solid #f68}.partials__sidebar__title--ranking{margin-bottom:15px;padding-bottom:2px;border-bottom:2px solid #ff9800}.partials__sidebar__search__form{height:32px;display:flex}.partials__sidebar__search__query{width:85%;border:1px solid #ccc;padding:10px;outline:0}.partials__sidebar__search__button{width:15%;margin-left:-1px;border:1px solid #ccc;background:#f5f5f5;color:#8f8f8f;cursor:pointer}.partials__sidebar__profile__icon{width:100px;height:100px;margin:auto;border-radius:50%;object-fit:cover}.partials__sidebar__profile__name{margin:10px auto;text-align:center}.partials__sidebar__profile__description{margin:10px auto;text-align:center;font-size:12px;color:#8f8f8f}.partials__sidebar__twitterTimeline{max-height:400px;overflow-y:auto}.partials__sidebar__menu__items{list-style:none;display:flex;justify-content:space-around;flex-wrap:wrap;margin:auto}.partials__sidebar__menu__item{width:100px;height:100px;margin:10px auto;border:1px solid #e8e8e8;border-radius:10%;box-shadow:2px 3px 4px #ccc;transition:.3s ease-in-out}.partials__sidebar__menu__item:hover{transform:translate3d(2px,3px,1px);box-shadow:0 1px 2px #ccc}.partials__sidebar__menu__itemLink{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;margin-top:3px}.partials__sidebar__menu__itemLink:hover,.partials__sidebar__menu__itemLink:hover *{opacity:1}.partials__sidebar__menu__itemIcon{pointer-events:none}.partials__sidebar__menu__itemTitle{margin-top:2px}.partials__sidebar__article__item{list-style:none}.partials__sidebar__article__itemLink{margin:10px auto;display:flex}.partials__sidebar__article__itemThumbnail{width:96px;height:54px;object-fit:cover}.partials__sidebar__article__itemDetail{margin-left:10px}.partials__sidebar__article .partials__sidebar__article__itemTitle--line3,.partials__sidebar__article .partials__sidebar__article__itemTitle--line2{font-size:13px;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.partials__sidebar__article__itemTitle--line2{-webkit-line-clamp:2}.partials__sidebar__article__itemTitle--line3{-webkit-line-clamp:3}.partials__sidebar__article__itemPv{font-size:12px;color:#8f8f8f}.partials__sidebar__archive{margin:10px}.partials__sidebar__archive__yearList{border:1px solid #ccc;list-style-type:none}.partials__sidebar__archive__yearItem{position:relative;margin:10px 0;border-bottom:1px solid #ccc}.partials__sidebar__archive__yearItem:hover{cursor:pointer}.partials__sidebar__archive__yearItem:last-child{margin-bottom:0;border-bottom:none}.partials__sidebar__archive__yearItem::after{content:"";width:10px;height:10px;border-right:1px solid #000;border-bottom:1px solid #000;position:absolute;right:20px;top:5px;transform:rotate(45deg);transition:.3s ease-in-out}.partials__sidebar__archive__yearItem.open::after{top:10px;transform:rotate(225deg)}.partials__sidebar__archive__yearItemTitle{margin-bottom:10px;margin-left:20px}.partials__sidebar__archive__monthListWrapper{height:0;overflow:hidden;transition:.3s ease-in-out}.partials__sidebar__archive__monthList{list-style-type:none}.partials__sidebar__archive__monthItemLink{display:block;padding-top:10px;padding-left:40px;padding-bottom:10px;border-top:1px solid #ccc}.partials__sidebar__category__items{list-style:none}.partials__sidebar__category__item{padding:10px}.partials__sidebar__category__itemLink{display:flex;align-items:center;justify-content:space-between}.partials__sidebar__category__itemIcon{margin-right:10px}.partials__sidebar__category__itemCount{min-width:30px;padding:1px 3px;border:1px solid #e8e8e8;text-align:center;font-size:10px;color:rgba(0,0,0,.8)}@media only screen and (max-width:600px){.partials__sidebar{width:100%}.partials__sidebar__card:nth-child(2){margin-top:0}.partials__sidebar__menu__item{width:110px;height:110px}.partials__sidebar__archive__yearItem:hover{cursor:none}}.partials__footer{padding:10px}.partials__footer__menu{display:flex;justify-content:space-around}.partials__footer__menu__list{list-style:none;font-size:15px;color:#333}.partials__footer__menu__list li:not(:first-child){margin-top:5px}.partials__footer__copyright{margin-top:20px;text-align:center;font-size:13px;color:#333}@media only screen and (max-width:600px){.partials__footer__menu{display:flex;flex-direction:column}.partials__footer__menu__list:not(:first-child){margin-top:5px}}.partials__articleCard{display:block;width:380px;font-size:14px;padding:10px}.partials__articleCard__inner{position:relative;width:100%;height:100%;padding:20px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,5%)}.partials__articleCard__inner:hover *{cursor:pointer}.partials__articleCard__link{position:absolute;width:100%;height:100%;top:0;left:0}.partials__articleCard__thumbnail{width:320px;height:180px;object-fit:cover;margin:auto}.partials__articleCard__title{margin-top:20px;margin-bottom:10px;padding-bottom:2px;border-bottom:2px solid #494949}.partials__articleCard__detail{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;color:rgba(0,0,0,.8)}.partials__articleCard__detail__center{margin:auto}.partials__articleCard__description{margin-left:5px;margin-top:5px;height:6em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;word-break:break-all}@media only screen and (max-width:600px){.partials__articleCard{width:100%}}.partials__relatedArticle{display:block;width:740px;margin:auto;padding:10px 0;font-size:14px}.partials__relatedArticle__inner{position:relative;width:100%;height:100%;padding:20px;background:#fff;border:1px solid #e8e8e8;display:flex;align-items:center}.partials__relatedArticle__inner:hover *{cursor:pointer}.partials__relatedArticle__link{position:absolute;width:100%;height:100%;top:0;left:0}.partials__relatedArticle__thumbnail{width:288px;height:162px;object-fit:cover}.partials__relatedArticle__content{margin-left:15px;overflow:hidden}.partials__relatedArticle__title{margin-bottom:10px;padding-bottom:2px;border-bottom:2px solid #494949}.partials__relatedArticle__description{margin-left:5px;margin-top:5px;height:84px;line-height:150%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;word-break:break-all}@media only screen and (max-width:600px){.partials__relatedArticle{width:100%;padding:10px}.partials__relatedArticle__inner{display:flex;flex-direction:column}.partials__relatedArticle__content{width:100%;margin-left:0;margin-top:10px}}.partials__breadcrumb{list-style:none;display:flex;white-space:nowrap;font-size:14px;color:rgba(0,0,0,.6)}.partials__breadcrumb li:not(:first-child){margin-left:6px}.partials__breadcrumb li:last-child{max-width:250px;overflow:hidden;text-overflow:ellipsis}.partials__breadcrumb i{margin-right:6px}@media only screen and (max-width:600px){.partials__breadcrumb{overflow-x:auto;padding-bottom:8px;margin-bottom:-8px}.partials__breadcrumb li:last-child{max-width:250px;overflow:initial;text-overflow:initial}}.partials__snsLinks{width:240px;display:flex;flex-wrap:wrap;margin:auto}.partials__snsLinks .partials__snsLinks__link--other,.partials__snsLinks .partials__snsLinks__link--email,.partials__snsLinks .partials__snsLinks__link--zenn,.partials__snsLinks .partials__snsLinks__link--qiita,.partials__snsLinks .partials__snsLinks__link--github,.partials__snsLinks .partials__snsLinks__link--youtube,.partials__snsLinks .partials__snsLinks__link--facebook,.partials__snsLinks .partials__snsLinks__link--instagram,.partials__snsLinks .partials__snsLinks__link--twitter{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:10px;color:#fff}.partials__snsLinks__link--twitter{background:#000}.partials__snsLinks__link--instagram{background:linear-gradient(135deg,#4C64D3,#CF2E92,#F26939,#FFDD83)}.partials__snsLinks__link--facebook{background:#3b5998}.partials__snsLinks__link--youtube{background:red}.partials__snsLinks__link--github{background:#24292e}.partials__snsLinks__link--qiita{background:#55c500;font-size:22px}.partials__snsLinks__link--zenn{background:#3ea8ff;font-size:22px}.partials__snsLinks__link--email{background:#16a184}.partials__snsLinks__link--other{background:#555}.partials__shareLinks{list-style:none;display:flex;justify-content:space-between}.partials__shareLinks__item{width:110px}.partials__shareLinks .partials__shareLinks__itemLink--copy,.partials__shareLinks .partials__shareLinks__itemLink--line,.partials__shareLinks .partials__shareLinks__itemLink--pocket,.partials__shareLinks .partials__shareLinks__itemLink--hatena,.partials__shareLinks .partials__shareLinks__itemLink--facebook,.partials__shareLinks .partials__shareLinks__itemLink--twitter{display:block;padding:10px 20px;border-radius:3px;text-align:center;font-size:11px;color:#fff;transition:.3s ease-in-out}.partials__shareLinks .partials__shareLinks__itemLink--copy i,.partials__shareLinks .partials__shareLinks__itemLink--line i,.partials__shareLinks .partials__shareLinks__itemLink--pocket i,.partials__shareLinks .partials__shareLinks__itemLink--hatena i,.partials__shareLinks .partials__shareLinks__itemLink--facebook i,.partials__shareLinks .partials__shareLinks__itemLink--twitter i{margin-right:5px}.partials__shareLinks .partials__shareLinks__itemLink--copy:hover,.partials__shareLinks .partials__shareLinks__itemLink--line:hover,.partials__shareLinks .partials__shareLinks__itemLink--pocket:hover,.partials__shareLinks .partials__shareLinks__itemLink--hatena:hover,.partials__shareLinks .partials__shareLinks__itemLink--facebook:hover,.partials__shareLinks .partials__shareLinks__itemLink--twitter:hover{transform:translate3d(0,3px,1px);box-shadow:none}.partials__shareLinks__itemLink--twitter{background:#000;box-shadow:0 3px #333333}.partials__shareLinks__itemLink--facebook{background:#3b5998;box-shadow:0 3px #2c4373}.partials__shareLinks__itemLink--hatena{background:#5d8ac1;box-shadow:0 3px #43638b}.partials__shareLinks__itemLink--hatena::before{content:'B!';font-weight:700;line-height:1}.partials__shareLinks__itemLink--pocket{background:#f03e51;box-shadow:0 3px #c0392b}.partials__shareLinks__itemLink--pocket{background:#f03e51;box-shadow:0 3px #c0392b}.partials__shareLinks__itemLink--line{background:#25af00;box-shadow:0 3px #219900}.partials__shareLinks__itemLink--copy{background:#555;box-shadow:0 3px #333}@media only screen and (max-width:600px){.partials__shareLinks{display:flex;flex-wrap:wrap;justify-content:space-around}.partials__shareLinks__item{width:48%;margin:1%}}.partials__tagList{list-style:none;display:flex;flex-wrap:wrap}.partials__tagList__itemLink{position:relative;z-index:1;display:flex;align-items:center;margin-right:6px;margin-bottom:6px;padding:3px 6px;background:#f5f5f5;font-size:12px;color:#8f8f8f}.partials__tagList__itemIcon{margin-right:5px}.affiliate-notice{background-color:#f0f0f0;border-radius:8px;padding:10px;margin-top:20px;color:#000;font-size:.9em;text-align:center}