.ktn-PostWrap{position:relative;overflow:visible;margin-block:0 2.5em;--card-img-ratio:4 / 3;--card-border:#eee;--card-radius:8px;--card-radius-border:calc(var(--card-radius) - 1px)}.ktn-PostWrap{--card-cols:3;--card-gap:16px}.ktn-PostWrap.is-ktn-snap{--card-cols:2.5}@media (max-width:959px){.ktn-PostWrap{--card-cols:2;--card-gap:12px}.ktn-PostWrap.is-ktn-snap{--card-cols:1.5}}.post_content .ktn-PostWrap:last-child{margin-block:0 2.5em!important}.ktn-PostWrap .ktn-postCard{display:grid;grid-template-columns:repeat(var(--card-cols),minmax(0,1fr));gap:var(--card-gap);position:relative;overflow:visible;margin:0;padding:0;list-style:none}.ktn-PostWrap .ktn-postCard__item{position:relative;overflow:visible;width:auto;min-width:0;background-color:#fff;border:1px solid var(--card-border);border-radius:var(--card-radius);margin:0;padding:0;list-style:none}.ktn-PostWrap:not(.is-ktn-snap) .ktn-postCard__item{box-shadow:0 1px 4px rgb(0 0 0 / .06),0 2px 2px -2px rgb(0 0 0 / .05);transition:translate 0.3s ease-in-out,box-shadow 0.3s ease-in-out,background-color 0.3s ease-in-out,border-color 0.3s ease-in-out}.is-ktn-snap .ktn-postCard__link .ktn-postCard__title{transition:opacity 0.3s ease-in-out}.is-ktn-snap .ktn-postCard__img{transition:scale 0.3s ease-in-out}@media (any-hover:hover){.ktn-PostWrap:not(.is-ktn-snap) .ktn-postCard__item:hover{translate:0 -4px;box-shadow:0 6px 14px rgb(0 0 0 / .08),0 2px 4px -2px rgb(0 0 0 / .05);background-color:#f3f8ff;border-color:#cfe0ff}.is-ktn-snap .ktn-postCard__link:hover .ktn-postCard__title{opacity:.75}.is-ktn-snap .ktn-postCard__link:hover .ktn-postCard__img{scale:1.06}}@media (any-hover:none){.ktn-PostWrap:not(.is-ktn-snap) .ktn-postCard__item:active{translate:0 -2px;box-shadow:0 6px 14px rgb(0 0 0 / .08),0 2px 4px -2px rgb(0 0 0 / .05);background-color:#f3f8ff;border-color:#cfe0ff}.is-ktn-snap .ktn-postCard__link:active .ktn-postCard__title{opacity:.75}.is-ktn-snap .ktn-postCard__link:active .ktn-postCard__img{scale:1.06}}.ktn-postCard__link{position:relative;color:inherit;display:block;text-decoration:none;height:100%}.ktn-postCard__thumb{box-shadow:none;background-color:#fff;border-bottom:1px solid var(--card-border);border-radius:var(--card-radius-border) var(--card-radius-border) 0 0;overflow:hidden;position:relative;z-index:0;width:100%}.ktn-postCard__figure{margin:0;overflow:hidden;position:relative;z-index:0;aspect-ratio:var(--card-img-ratio);width:100%}.ktn-postCard__img{display:block;position:absolute;inset:0;object-fit:cover;object-position:center top;width:100%;height:100%;border:none!important}.ktn-postCard__img[src*="no-image.svg"]{object-position:center}.ktn-postCard__body{padding-inline:.5em;padding-block:.5em .75em;min-width:0;overflow-wrap:anywhere;position:relative;background-color:#fff;border-radius:0 0 var(--card-radius-border) var(--card-radius-border)}.ktn-postCard__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;font-weight:700;font-size:.9em;line-height:1.5;min-width:0;overflow-wrap:anywhere}.ktn-PostWrap .ktn-PostWrap__heading{position:relative;margin-inline:0;margin-block:0 1.5em;padding-inline:1em;padding-block:.5em;border:none;background:none;box-shadow:none;font-size:1.2em;font-weight:700;line-height:1.4;color:#000}.ktn-PostWrap h3.ktn-PostWrap__heading{font-size:1.1em}.ktn-PostWrap h4.ktn-PostWrap__heading{font-size:1em}.ktn-PostWrap .ktn-PostWrap__heading::before{content:"";margin:0;padding:0;background:none;width:auto;height:auto}.ktn-PostWrap__more-btn{position:relative;display:block;margin-block:0 2em;text-align:center}.ktn-PostWrap__more-btn a{position:relative;display:inline-block;width:auto;min-width:64%;padding-inline:3em;padding-block:.75rem;background-color:#fff;color:#333;box-shadow:0 0 0 1px #dcdcdc;border-radius:40px;font-size:.9em;font-weight:700;text-decoration:none;transition:background-color 0.25s ease,color 0.25s ease,box-shadow 0.25s ease}.ktn-PostWrap__more-btn a:hover,.ktn-PostWrap__more-btn a:active,.ktn-PostWrap__more-btn a:focus-visible{background-color:#f09199;color:#fff;box-shadow:none}.ktn-PostWrap__more-btn a::after{content:"";background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 4.5 16 12l-7.5 7.5' fill='none' stroke='%23f09199' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px 22px no-repeat;position:absolute;top:50%;right:1.2em;translate:0 -50%;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;transition:translate 0.25s ease}.ktn-PostWrap__more-btn a:hover::after,.ktn-PostWrap__more-btn a:active::after,.ktn-PostWrap__more-btn a:focus-visible::after{translate:4px -50%}#sidebar .ktn-PostWrap{--card-cols:1}.ktn-PostWrap.is-ktn-wide .ktn-postCard{grid-template-columns:1fr}.ktn-PostWrap.is-ktn-wide .ktn-postCard__link{display:flex;align-items:center;padding:.75em}.ktn-PostWrap.is-ktn-wide .ktn-postCard__thumb{flex:0 0 clamp(120px,40%,200px);width:clamp(120px,40%,200px);border-radius:0}.ktn-PostWrap.is-ktn-wide .ktn-postCard__thumb img{object-position:center}.ktn-PostWrap.is-ktn-wide .ktn-postCard__body{flex:1 1 auto;padding-inline:.5em .75em;background-color:transparent}.ktn-PostWrap.is-ktn-wide .ktn-postCard__title{-webkit-line-clamp:4;line-clamp:4}.ktn-PostWrap.is-ktn-snap .ktn-postCardFrame{position:relative}.ktn-PostWrap.is-ktn-snap .ktn-postCard{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--card-gap) * 1.5) / var(--card-cols));padding-inline:calc(var(--card-gap) / 4);scroll-padding-inline:calc(var(--card-gap) / 4);padding-block:.5rem;scroll-behavior:smooth;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-marker-group:after}.is-ktn-snap.is-ktn-ready .ktn-postCard{scrollbar-width:none}.is-ktn-snap.is-ktn-ready .ktn-postCard::-webkit-scrollbar{display:none}.ktn-PostWrap.is-ktn-snap .ktn-postCard__item{scroll-snap-align:center;scroll-snap-stop:always}@media (max-width:600px){.post_content .ktn-PostWrap.is-ktn-snap .ktn-postCard{margin-inline:-.75em}}@media (min-width:960px){.ktn-PostWrap.is-ktn-snap:has(.ktn-postCard__item:nth-child(3):last-child){--card-cols:3}.ktn-PostWrap.is-ktn-snap:has(.ktn-postCard__item:nth-child(3):last-child) .ktn-postCard{grid-template-columns:repeat(var(--card-cols),minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:initial;padding-inline:0;scroll-padding-inline:0;scroll-behavior:auto;overflow:visible;scroll-snap-type:none;scroll-marker-group:none}.ktn-PostWrap.is-ktn-snap:has(.ktn-postCard__item:nth-child(3):last-child) .ktn-postCard__item{scroll-snap-align:none;scroll-snap-stop:normal}.ktn-PostWrap.is-ktn-snap:has(.ktn-postCard__item:nth-child(3):last-child) :is(.ktn-btn-prev,.ktn-btn-next,.ktn-marker-group){display:none}.ktn-PostWrap.is-ktn-snap:has(.ktn-postCard__item:nth-child(3):last-child) .ktn-postCard::scroll-button(*){display:none}.ktn-PostWrap.is-ktn-snap:has(.ktn-postCard__item:nth-child(3):last-child) .ktn-postCard::scroll-marker-group{display:none}}.is-ktn-snap{--marker-bullet-size:14px;--snap-btn-size:40px;--snap-btn-position:calc(50% - var(--snap-btn-size));--prev-button:rgb(0 0 0 / .3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 4.5 8 12l7.5 7.5' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 26px 26px no-repeat;--next-button:rgb(0 0 0 / .3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 4.5 16 12l-7.5 7.5' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 26px 26px no-repeat}.ktn-PostWrap.is-ktn-snap{margin-block:0 calc(2.5em + var(--snap-btn-size))}.ktn-PostWrap:not(.is-ktn-snap) :is(.ktn-btn-prev,.ktn-btn-next,.ktn-marker-group){display:none}.is-ktn-snap :is(.ktn-btn-prev,.ktn-btn-next,.ktn-marker-group){visibility:hidden;opacity:0;transition:opacity .2s ease}.is-ktn-snap.is-ktn-ready :is(.ktn-btn-prev,.ktn-btn-next,.ktn-marker-group){visibility:visible;opacity:1}.is-ktn-snap :is(.ktn-btn-prev,.ktn-btn-next){position:absolute;top:var(--snap-btn-position);width:var(--snap-btn-size);height:var(--snap-btn-size);border-radius:50%;background-color:rgb(0 0 0 / .2);box-shadow:0 2px 8px rgb(0 0 0 / .12);border:0;opacity:.8;cursor:pointer;z-index:3;transition:opacity 0.3s ease}.is-ktn-snap .ktn-btn-prev{left:0;background:var(--prev-button)}.is-ktn-snap .ktn-btn-next{right:0;background:var(--next-button)}@media (max-width:600px){.post_content .is-ktn-snap .ktn-btn-prev{left:-.65em}.post_content .is-ktn-snap .ktn-btn-next{right:-.65em}}.is-ktn-snap :is(.ktn-btn-prev,.ktn-btn-next):disabled{opacity:.25;cursor:not-allowed}.ktn-PostWrap.is-ktn-snap .ktn-marker-group{position:absolute;left:50%;bottom:-3em;translate:-50% 0;display:grid;grid-auto-columns:1rem;grid-auto-flow:column;gap:.5rem;align-items:center;justify-content:start;margin-block:1rem!important;padding:5px 10px;z-index:2;width:max-content;max-width:min(90%,240px);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-padding-inline:10px;scrollbar-width:none}.is-ktn-snap .ktn-marker-group::-webkit-scrollbar{display:none}.is-ktn-snap .ktn-marker-bullet{appearance:none;-webkit-appearance:none;margin:0;padding:0;font:inherit;display:inline-block;width:var(--marker-bullet-size);height:var(--marker-bullet-size);border-radius:50%;border:1px solid #868e96;background-color:transparent;cursor:pointer;opacity:.88;transition:opacity 0.3s ease,background-color 0.3s ease;scroll-snap-align:center}.is-ktn-snap .ktn-marker-bullet-active{background-color:#66aef0}@supports selector(::scroll-button(*)) and selector(::scroll-button(left)) and selector(::scroll-button(right)){.is-ktn-snap .ktn-postCard{scrollbar-width:none}.is-ktn-snap .ktn-postCard::-webkit-scrollbar{display:none}.is-ktn-snap :is(.ktn-btn-prev,.ktn-btn-next){display:none}.is-ktn-snap .ktn-postCard::scroll-button(*){position:absolute;top:var(--snap-btn-position);width:var(--snap-btn-size);height:var(--snap-btn-size);border-radius:50%;background-color:rgb(0 0 0 / .2);box-shadow:0 2px 8px rgb(0 0 0 / .12);border:0;opacity:.8;cursor:pointer;z-index:3;transition:opacity 0.3s ease}.is-ktn-snap .ktn-postCard::scroll-button(left){content:"" / "前の記事";left:0;background:var(--prev-button)}.is-ktn-snap .ktn-postCard::scroll-button(right){content:"" / "次の記事";right:0;background:var(--next-button)}.is-ktn-snap .ktn-postCard::scroll-button(*):disabled{opacity:.25;cursor:not-allowed}}@supports (scroll-marker-group:after) and selector(::scroll-marker-group) and selector(::scroll-marker) and selector(::scroll-marker:target-current){.is-ktn-snap .ktn-marker-group{display:none}.is-ktn-snap .ktn-postCard::scroll-marker-group{position:absolute;left:50%;bottom:-3em;translate:-50% 0;display:grid;grid-auto-columns:1rem;grid-auto-flow:column;gap:.5rem;align-items:center;justify-content:start;margin-block:1rem!important;padding:5px 10px;z-index:2;width:max-content;max-width:min(90%,240px);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-padding-inline:10px;scrollbar-width:none;border-radius:1e5px}.is-ktn-snap .ktn-postCard::scroll-marker-group::-webkit-scrollbar{display:none}.is-ktn-snap .ktn-postCard__item::scroll-marker{content:"" / attr(data-label);display:inline-block;width:var(--marker-bullet-size);height:var(--marker-bullet-size);border-radius:50%;border:1px solid #868e96;background-color:transparent;cursor:pointer;opacity:.88;transition:opacity 0.3s ease,background-color 0.3s ease;text-decoration:none;box-sizing:border-box;scroll-snap-align:center}.is-ktn-snap .ktn-postCard__item::scroll-marker:target-current{background-color:#66aef0}}