/* FRONT シリーズの紹介ページの切り替え（2026-09-27。templatetags/front_series_tags.py） */
.front-series-nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 4%;background:#10201a;border-bottom:1px solid rgb(237 183 88 / 22%);color:#d7e2d6;font-size:12px;line-height:1.4}
.front-series-label{font-weight:800;letter-spacing:.2em;color:#edb758;font-size:11px;white-space:nowrap}
.front-series-items{display:flex;flex-wrap:wrap;gap:6px}
.front-series-item{display:inline-flex;align-items:baseline;gap:6px;padding:5px 11px;border:1px solid rgb(215 226 214 / 22%);border-radius:999px;color:#d7e2d6!important;text-decoration:none!important;white-space:nowrap}
.front-series-item b{font-weight:800;letter-spacing:.06em}
.front-series-item small{font-size:11px;color:#a9bba8}
.front-series-item em{margin-left:6px;padding:1px 7px;border-radius:999px;background:#3b3423;color:#f1dfb2;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em}
a.front-series-item:hover{border-color:#edb758;color:#fff2cf!important}
a.front-series-item:focus-visible{outline:3px solid #edb758;outline-offset:2px}
.front-series-item.is-current{background:rgb(237 183 88 / 16%);border-color:rgb(237 183 88 / 55%)}
.front-series-item.is-current small{color:#e8d5a4}
@media(max-width:640px){.front-series-nav{padding:8px 12px}.front-series-item{padding:4px 9px}}
/* 2026-10-10 FA-47: FRONT 3 作の紹介ページの最初の画面（スマホ幅）に、題名と「ゲームを開く」が入るように。
   このファイルは 3 作の紹介ページだけが読む（FRONT シリーズの案内）。パンくずは 1 行（入りきらなければ横に送り、最後の項目は省略記号。PC の幅は今のまま）。
   「不具合を報告」の行を低くするのは feedback.css（サイトのどのページでも）。 */
@media(max-width:760px){
.store-breadcrumb{margin:0;padding-block:4px 0}.store-breadcrumb .breadcrumb{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;margin-bottom:0;padding-block:4px;scrollbar-width:none}
.store-breadcrumb .breadcrumb::-webkit-scrollbar{display:none}
.store-breadcrumb .breadcrumb-item{flex:0 0 auto}
.store-breadcrumb .breadcrumb-item.active{flex:0 1 auto;min-width:5em;overflow:hidden;text-overflow:ellipsis}
}