/**
 * tv-icons.css — Font Awesome 4.7 置き換え（テーマで実使用の8アイコンのみ自前ホスト）。
 * マークアップは <i class="fa fa-xxx"> のまま。形状はFA4.7の実グリフパス（SIL OFL）を
 * CSS mask + currentColor で描画するので、既存の text-* 色ユーティリティがそのまま効く。
 * fa-dot はFA4.7にもグリフが無く常に空描画だったため、意図的に何も定義しない。
 * CDNのCSS+webフォント約90KBを置換。新アイコンが必要になったらここへ追記する。
 */

i.fa {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    /* FA5のSVG版と同じ光学ベースライン合わせ（本文中で浮かないように） */
    vertical-align: -0.125em;
}

.fa-arrow-right,
.fa-arrow-left,
.fa-arrow-down,
.fa-chevron-right,
.fa-chevron-left,
.fa-times,
.fa-play {
    background-color: currentColor;
    -webkit-mask: var(--tv-icon) center / contain no-repeat;
    mask: var(--tv-icon) center / contain no-repeat;
}

.fa-arrow-right { --tv-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1536 1792%22%3E%3Cpath transform=%22translate(0,1536) scale(1,-1)%22 d=%22M1472 576q0 -54 -37 -91l-651 -651q-39 -37 -91 -37q-51 0 -90 37l-75 75q-38 38 -38 91t38 91l293 293h-704q-52 0 -84.5 37.5t-32.5 90.5v128q0 53 32.5 90.5t84.5 37.5h704l-293 294q-38 36 -38 90t38 90l75 75q38 38 90 38q53 0 91 -38l651 -651q37 -35 37 -90z%22/%3E%3C/svg%3E"); width: 0.857em; }

.fa-arrow-left { --tv-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1536 1792%22%3E%3Cpath transform=%22translate(0,1536) scale(1,-1)%22 d=%22M1536 640v-128q0 -53 -32.5 -90.5t-84.5 -37.5h-704l293 -294q38 -36 38 -90t-38 -90l-75 -76q-37 -37 -90 -37q-52 0 -91 37l-651 652q-37 37 -37 90q0 52 37 91l651 650q38 38 91 38q52 0 90 -38l75 -74q38 -38 38 -91t-38 -91l-293 -293h704q52 0 84.5 -37.5%0At32.5 -90.5z%22/%3E%3C/svg%3E"); width: 0.857em; }

.fa-arrow-down { --tv-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1664 1792%22%3E%3Cpath transform=%22translate(0,1536) scale(1,-1)%22 d=%22M1611 704q0 -53 -37 -90l-651 -652q-39 -37 -91 -37q-53 0 -90 37l-651 652q-38 36 -38 90q0 53 38 91l74 75q39 37 91 37q53 0 90 -37l294 -294v704q0 52 38 90t90 38h128q52 0 90 -38t38 -90v-704l294 294q37 37 90 37q52 0 91 -37l75 -75q37 -39 37 -91z%22/%3E%3C/svg%3E"); width: 0.929em; }

.fa-chevron-right { --tv-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1280 1792%22%3E%3Cpath transform=%22translate(0,1536) scale(1,-1)%22 d=%22M1107 659l-742 -742q-19 -19 -45 -19t-45 19l-166 166q-19 19 -19 45t19 45l531 531l-531 531q-19 19 -19 45t19 45l166 166q19 19 45 19t45 -19l742 -742q19 -19 19 -45t-19 -45z%22/%3E%3C/svg%3E"); width: 0.714em; }

.fa-chevron-left { --tv-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1280 1792%22%3E%3Cpath transform=%22translate(0,1536) scale(1,-1)%22 d=%22M1171 1235l-531 -531l531 -531q19 -19 19 -45t-19 -45l-166 -166q-19 -19 -45 -19t-45 19l-742 742q-19 19 -19 45t19 45l742 742q19 19 45 19t45 -19l166 -166q19 -19 19 -45t-19 -45z%22/%3E%3C/svg%3E"); width: 0.714em; }

.fa-times { --tv-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1408 1792%22%3E%3Cpath transform=%22translate(0,1536) scale(1,-1)%22 d=%22M1298 214q0 -40 -28 -68l-136 -136q-28 -28 -68 -28t-68 28l-294 294l-294 -294q-28 -28 -68 -28t-68 28l-136 136q-28 28 -28 68t28 68l294 294l-294 294q-28 28 -28 68t28 68l136 136q28 28 68 28t68 -28l294 -294l294 294q28 28 68 28t68 -28l136 -136q28 -28 28 -68%0At-28 -68l-294 -294l294 -294q28 -28 28 -68z%22/%3E%3C/svg%3E"); width: 0.786em; }

.fa-play { --tv-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1408 1792%22%3E%3Cpath transform=%22translate(0,1536) scale(1,-1)%22 d=%22M1384 609l-1328 -738q-23 -13 -39.5 -3t-16.5 36v1472q0 26 16.5 36t39.5 -3l1328 -738q23 -13 23 -31t-23 -31z%22/%3E%3C/svg%3E"); width: 0.786em; }