.tabs{border-radius:1000px;background:rgba(0,0,0,0.30);display:flex;max-width:1200px;width:calc(100% - 30px);margin-inline:auto;gap:20px;padding:10px;@media (max-width:768px){border-radius:0;width:100%;gap:10px}}.tab-group-switcher{position:relative;.group-button{opacity:0;pointer-events:all;border-radius:30px;border:1px solid rgba(255,255,255,0.10);width:115px;color:var(--1,#FFF);font-size:12px;font-weight:400;padding:8px 20px;text-align:center;position:absolute;inset:0;background:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s ease;@media (max-width:767px){width:89px;gap:5px;padding:8px 13px;font-size:11px;&:before{width:12px}}&:before{content:"";mask:url(//tameseru.jp/wp/wp-content/themes/d2h/css/../img/ai/change.svg) center center/contain no-repeat;width:16px;aspect-ratio:1;display:inline-block;background:#54A6EF;transition:all 0.3s ease;@media (max-width:767px){width:12px}}&.active{pointer-events:none;opacity:1;position:relative}}@media (hover){&:hover .group-button{background:#54A6EF;&:before{background:#fff}}}}.tab-list{display:none;position:relative;flex:1;min-width:0;overflow:hidden;margin-block:-10px;&.active{display:flex}@media (min-width:768px){&.has-overflow{margin:-10px;padding:10px;padding-right:85px}}}.tab-list-inner{list-style:none;padding:0;display:flex;overflow-x:auto;margin:0 0;flex:1;@media (max-width:768px){overflow-x:auto}}.tab-item{color:#FFF;font-size:12px;font-style:normal;font-weight:400;line-height:normal;opacity:0.4;transition:all 0.3s ease;white-space:nowrap;margin-bottom:0;padding:1.35em;position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;@media (max-width:768px){padding:15px 10px;font-size:11px}a{display:block;margin:-1.35em;padding:1.35em;@media (max-width:768px){margin:-15px -10px;padding:15px 10px}}@media (hover){&:hover{opacity:1}}&.active{opacity:1;&:after{content:"";position:absolute;width:10px;height:2px;background:#54a6ef;inset:auto 0 0;margin:0 auto}}}.tab-content{min-height:400px;padding:20px}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeIn .3s ease-in-out}.tab-panel-header{position:fixed;top:-99999px;left:-99999px}.tab-panel-title{margin:0;color:#333;font-size:20px;font-weight:600}.archive-link{color:#FFF;text-align:right;font-size:12px;font-style:normal;font-weight:400;max-width:1100px;margin-inline:auto;a{color:#FFF;@media (hover){transition:all 0.3s ease;&:hover{color:rgba(255,255,255,.5)}}&:after{content:"";color:#54a6ef;display:inline-block;border:solid;border-width:1px 1px 0 0;width:.5em;aspect-ratio:1;transform:rotate(45deg);margin-left:.5em;position:relative;top:-.1em}}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.posts-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:flex-start;max-width:1100px;margin-inline:auto;padding-bottom:0;transition:padding-bottom .3s ease;margin-bottom:40px}.post-item{margin-bottom:0;transition:transform 0.3s ease;width:260px;max-width:100%;position:relative;@media (max-width:480px){width:360px}}.post-details{margin:0}.post-summary{padding:15px 0;background:0 0;border:none;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;font-weight:400;font-size:13px;color:rgba(255,255,255,.6);transition:color .3s ease;list-style:none;position:relative;display:flex;align-items:center;overflow:hidden}.post-summary span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;padding-left:.5em}[open] .post-summary{color:rgba(255,255,255,1)}@media (hover){.post-summary:hover{color:rgba(255,255,255,1)}.post-summary:hover:before{color:rgba(255,255,255,1)}}.post-summary:before{content:"";display:inline-block;border:solid;border-width:1px 1px 0 0;width:.5em;aspect-ratio:1;transform:rotate(45deg);margin-right:.5em;position:relative;top:-.1em;color:rgba(255,255,255,.1);transition:color .3s ease}.post-summary:after{content:none !important}.post-summary::marker{display:none}.post-summary::-webkit-details-marker{display:none}.post-content{padding:15px 0;position:absolute;inset:100% 0 auto;border-bottom:1px solid rgba(255,255,255,0.10);transition:0.3s ease;@media (hover){&:hover{color:#f6ffcf}}h4{font-size:15px;font-weight:500;line-height:1.4;margin-bottom:0}p{opacity:.6;font-size:12px;font-weight:400;line-height:1.6;margin-top:10px;margin-bottom:0}}.post-link{position:absolute;inset:0}.post-excerpt{margin-bottom:15px;line-height:1.6;color:#666}.read-more{text-align:right;margin-top:10px}.read-more-text{color:#007cba;font-weight:700;font-size:14px}.post-meta{margin-top:10px;font-size:.9em;color:#666}.category-tag,.tag-label{background:#f0f0f0;color:#333;padding:2px 6px;margin-right:5px;border-radius:3px;font-size:.8em}