.flex-center{display:flex;justify-content:center;align-items:center}.flex-start{display:flex;justify-content:flex-start;align-items:center}.flex-grid{display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;align-items:stretch}section.index-series{width:100%}.series-kanban-ul{padding-top:15px}@media(min-width: 700px){.series-kanban-ul{padding-top:0;display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;align-items:stretch}}.series-kanban-ul li{font-size:0;position:relative;list-style:none;display:inline-block;padding-top:15px;width:100%}@media(min-width: 700px){.series-kanban-ul li{width:50%;margin-top:0;padding:30px 20px 0}}@media(min-width: 1000px){.series-kanban-ul li{width:33.3333333333%;padding:30px 20px 0}}@media(min-width: 1281px){.series-kanban-ul li{width:25%;padding:30px 20px 0}}.series-kanban-ul li.no-selected{display:none}@media(min-width: 700px){.series-kanban-ul li.no-selected{display:inline-block;opacity:.4}.series-kanban-ul li.no-selected a{pointer-events:none}}.series-kanban-ul li a{display:block;position:relative;z-index:1;margin-top:-10px}@media(min-width: 700px){.series-kanban-ul li a{margin-top:0}}.series-kanban-ul li .tooltip{display:none;z-index:2;position:relative;width:100%;text-align:right;transform:translateX(12px)}@media(min-width: 700px){.series-kanban-ul li .tooltip{position:absolute;bottom:calc(80% - 30px + 10px);right:0px;transform:none}}.series-kanban-ul li .tooltip.hide{display:none}.series-kanban-ul li .tooltip.hide::after{display:none}.series-kanban-ul li .tooltip::after{content:"";position:absolute;bottom:1px;right:8%;border-style:solid;border-width:15px 15px 0 0;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0);translate:calc(-50% - 1px) 100%}.series-kanban-ul li .tooltip.selected{display:inline-block}.series-kanban-ul li .tooltip__inner{display:inline-block;background-color:#000;padding:5px 10px 6px;border-radius:3px}@media(min-width: 700px){.series-kanban-ul li .tooltip__inner{border-radius:8px}}.series-kanban-ul li .tooltip__inner p{text-align:left;line-height:1.2;font-size:3vw;font-family:"NotoSansJP","Noto Sans JP","Yu Gothic Bold","Hiragino Sans","HiraginoSans-W3","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック Bold","游ゴシック体",YuGothic,"Yu Gothic","メイリオ",Meiryo,sans-serif;font-weight:600;color:#fff}@media(min-width: 700px){.series-kanban-ul li .tooltip__inner p{font-size:1.5625vw}}@media(min-width: 1000px){.series-kanban-ul li .tooltip__inner p{font-size:1.015625vw}}.series-kanban-ul li img{display:block;width:100%;box-shadow:3px 3px 8px rgba(0,0,0,.4)}body.device-click .series-kanban-ul li a{transition:opacity .2s linear}@media(any-hover: hover){body.device-click .series-kanban-ul li a:hover{opacity:.6;cursor:pointer}}.series-kanban-ul li[data-series-id="1"] .tooltip::after{border-top-color:#002b36}.series-kanban-ul li[data-series-id="1"] .tooltip__inner{background-color:#002b36}.series-kanban-ul li[data-series-id="2"] .tooltip::after{border-top-color:#333333}.series-kanban-ul li[data-series-id="2"] .tooltip__inner{background-color:#333333}.series-kanban-ul li[data-series-id="3"] .tooltip::after{border-top-color:#0c1f54}.series-kanban-ul li[data-series-id="3"] .tooltip__inner{background-color:#0c1f54}.series-kanban-ul li[data-series-id="4"] .tooltip::after{border-top-color:#2c5b61}.series-kanban-ul li[data-series-id="4"] .tooltip__inner{background-color:#2c5b61}.series-kanban-ul li[data-series-id="5"] .tooltip::after{border-top-color:#586417}.series-kanban-ul li[data-series-id="5"] .tooltip__inner{background-color:#586417}.series-kanban-ul li[data-series-id="6"] .tooltip::after{border-top-color:#b58900}.series-kanban-ul li[data-series-id="6"] .tooltip__inner{background-color:#b58900}.series-kanban-ul li[data-series-id="7"] .tooltip::after{border-top-color:#cb4b16}.series-kanban-ul li[data-series-id="7"] .tooltip__inner{background-color:#cb4b16}.series-kanban-ul li[data-series-id="8"] .tooltip::after{border-top-color:#dc322f}.series-kanban-ul li[data-series-id="8"] .tooltip__inner{background-color:#dc322f}.series-kanban-ul li[data-series-id="9"] .tooltip::after{border-top-color:#d33682}.series-kanban-ul li[data-series-id="9"] .tooltip__inner{background-color:#d33682}.series-kanban-ul li[data-series-id="10"] .tooltip::after{border-top-color:#871832}.series-kanban-ul li[data-series-id="10"] .tooltip__inner{background-color:#871832}.series-kanban-ul li[data-series-id="11"] .tooltip::after{border-top-color:#484c8b}.series-kanban-ul li[data-series-id="11"] .tooltip__inner{background-color:#484c8b}.series-kanban-ul li[data-series-id="12"] .tooltip::after{border-top-color:#177347}.series-kanban-ul li[data-series-id="12"] .tooltip__inner{background-color:#177347}.series-kanban-ul li[data-series-id="13"] .tooltip::after{border-top-color:#175673}.series-kanban-ul li[data-series-id="13"] .tooltip__inner{background-color:#175673}.series-kanban-ul li[data-series-id="14"] .tooltip::after{border-top-color:#2aa198}.series-kanban-ul li[data-series-id="14"] .tooltip__inner{background-color:#2aa198}.series-kanban-ul li[data-series-id="15"] .tooltip::after{border-top-color:#859900}.series-kanban-ul li[data-series-id="15"] .tooltip__inner{background-color:#859900}.series-guide-ul{font-size:0}.series-guide-ul li{display:inline-block;font-size:0;margin:6px 3px}.series-guide-ul li button{display:inline-block;color:#111;border-radius:999em;border:1px solid #b7b7b7;padding:.6em 1.6em;line-height:1.2;font-size:3.5vw;background-color:#fff;transition-property:color,background-color;transition-timing-function:cubic-bezier(0.36, 0.14, 0, 1),ease-out;transition-duration:.4s}@media(min-width: 700px){.series-guide-ul li button{font-size:1.953125vw}}@media(min-width: 1000px){.series-guide-ul li button{font-size:1.25vw}}.series-guide-ul li button.btn--clear{border:1px solid #fff;padding-left:calc(40px + .2em)}.series-guide-ul li button.btn--clear.btn--icon-close{position:relative}.series-guide-ul li button.btn--clear.btn--icon-close i{position:absolute;top:50%;left:4px;height:calc(100% - 5px);aspect-ratio:1/1;border:1px solid #b7b7b7;border-radius:50%;transform:translateY(-50%)}.series-guide-ul li button.btn--clear.btn--icon-close i:before,.series-guide-ul li button.btn--clear.btn--icon-close i:after{position:absolute;top:50%;left:50%;content:"";width:1em;height:1px;background-color:#333;transform:translateX(-50%)}.series-guide-ul li button.btn--clear.btn--icon-close i:before{transform:translate(-50%, -50%) rotate(45deg)}.series-guide-ul li button.btn--clear.btn--icon-close i:after{transform:translate(-50%, -50%) rotate(-45deg)}.series-guide-ul li button.btn--clear.btn--icon-close p{font-size:3.5vw;line-height:1.2;padding-left:.4em}@media(min-width: 700px){.series-guide-ul li button.btn--clear.btn--icon-close p{font-size:1.953125vw}}@media(min-width: 1000px){.series-guide-ul li button.btn--clear.btn--icon-close p{font-size:1.25vw}}.series-guide-ul li.selected button{background-color:#333;color:#fff}@media(any-hover: hover){.series-guide-ul li button:hover{background-color:#eaeaea}.series-guide-ul li.selected button:hover{background-color:#666;color:#fff}}