/* Remix Icon サブセット（16個）— CDN不要・自己完結。 マークアップは のまま。色は currentColor、サイズは font-size に追従します。 出典: Remix Icon (Apache License 2.0) https://remixicon.com/ */ [class^="ri-"], [class*=" ri-"] { display: inline-block; width: 1em; height: 1em; background-color: currentColor; vertical-align: -0.125em; flex-shrink: 0; -webkit-mask: var(--ri-icon) no-repeat center / contain; mask: var(--ri-icon) no-repeat center / contain; } .ri-close-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.9997%2010.5865L16.9495%205.63672L18.3637%207.05093L13.4139%2012.0007L18.3637%2016.9504L16.9495%2018.3646L11.9997%2013.4149L7.04996%2018.3646L5.63574%2016.9504L10.5855%2012.0007L5.63574%207.05093L7.04996%205.63672L11.9997%2010.5865Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-menu-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%204H21V6H3V4ZM3%2011H21V13H3V11ZM3%2018H21V20H3V18Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-calendar-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%201V3H15V1H17V3H21C21.5523%203%2022%203.44772%2022%204V20C22%2020.5523%2021.5523%2021%2021%2021H3C2.44772%2021%202%2020.5523%202%2020V4C2%203.44772%202.44772%203%203%203H7V1H9ZM20%2011H4V19H20V11ZM7%205H4V9H20V5H17V7H15V5H9V7H7V5Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-time-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020ZM13%2012H17V14H11V7H13V12Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-map-pin-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2020.8995L16.9497%2015.9497C19.6834%2013.2161%2019.6834%208.78392%2016.9497%206.05025C14.2161%203.31658%209.78392%203.31658%207.05025%206.05025C4.31658%208.78392%204.31658%2013.2161%207.05025%2015.9497L12%2020.8995ZM12%2023.7279L5.63604%2017.364C2.12132%2013.8492%202.12132%208.15076%205.63604%204.63604C9.15076%201.12132%2014.8492%201.12132%2018.364%204.63604C21.8787%208.15076%2021.8787%2013.8492%2018.364%2017.364L12%2023.7279ZM12%2013C13.1046%2013%2014%2012.1046%2014%2011C14%209.89543%2013.1046%209%2012%209C10.8954%209%2010%209.89543%2010%2011C10%2012.1046%2010.8954%2013%2012%2013ZM12%2015C9.79086%2015%208%2013.2091%208%2011C8%208.79086%209.79086%207%2012%207C14.2091%207%2016%208.79086%2016%2011C16%2013.2091%2014.2091%2015%2012%2015Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-arrow-right-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.1716%2010.9999L10.8076%205.63589L12.2218%204.22168L20%2011.9999L12.2218%2019.778L10.8076%2018.3638L16.1716%2012.9999H4V10.9999H16.1716Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-arrow-left-s-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.8284%2012.0007L15.7782%2016.9504L14.364%2018.3646L8%2012.0007L14.364%205.63672L15.7782%207.05093L10.8284%2012.0007Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-arrow-right-s-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.1717%2012.0007L8.22192%207.05093L9.63614%205.63672L16.0001%2012.0007L9.63614%2018.3646L8.22192%2016.9504L13.1717%2012.0007Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-check-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.9997%2015.1709L19.1921%205.97852L20.6063%207.39273L9.9997%2017.9993L3.63574%2011.6354L5.04996%2010.2212L9.9997%2015.1709Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-paint-brush-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%204.9967V7.9967H19V4.9967H5ZM4%202.9967H20C20.5523%202.9967%2021%203.44442%2021%203.9967V8.9967C21%209.54899%2020.5523%209.9967%2020%209.9967H4C3.44772%209.9967%203%209.54899%203%208.9967V3.9967C3%203.44442%203.44772%202.9967%204%202.9967ZM6%2011.9967H12C12.5523%2011.9967%2013%2012.4444%2013%2012.9967V15.9967H14V21.9967H10V15.9967H11V13.9967H5C4.44772%2013.9967%204%2013.549%204%2012.9967V10.9967H6V11.9967ZM17.7322%2013.7289L19.5%2011.9612L21.2678%2013.7289C22.2441%2014.7052%2022.2441%2016.2882%2021.2678%2017.2645C20.2915%2018.2408%2018.7085%2018.2408%2017.7322%2017.2645C16.7559%2016.2882%2016.7559%2014.7052%2017.7322%2013.7289Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-heart-pulse-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.5%203C19.5376%203%2022%205.5%2022%209C22%2016%2014.5%2020%2012%2021.5C10.0226%2020.3135%204.91699%2017.563%202.86894%2013.001L1%2013V11L2.21045%2011.0009C2.07425%2010.3633%202%209.69651%202%209C2%205.5%204.5%203%207.5%203C9.35997%203%2011%204%2012%205C13%204%2014.64%203%2016.5%203ZM16.5%205C15.4241%205%2014.2593%205.56911%2013.4142%206.41421L12%207.82843L10.5858%206.41421C9.74068%205.56911%208.5759%205%207.5%205C5.55906%205%204%206.6565%204%209C4%209.68542%204.09035%2010.3516%204.26658%2011.0004L6.43381%2011L8.5%207.55635L11.5%2012.5563L12.4338%2011H17V13H13.5662L11.5%2016.4437L8.5%2011.4437L7.56619%2013L5.10789%2013.0006C5.89727%2014.3737%207.09304%2015.6681%208.64514%2016.9029C9.39001%2017.4955%2010.1845%2018.0485%2011.0661%2018.6038C11.3646%2018.7919%2011.6611%2018.9729%2012%2019.1752C12.3389%2018.9729%2012.6354%2018.7919%2012.9339%2018.6038C13.8155%2018.0485%2014.61%2017.4955%2015.3549%2016.9029C18.3337%2014.533%2020%2011.9435%2020%209C20%206.64076%2018.463%205%2016.5%205Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-store-2-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M21%2013.2422V20H22V22H2V20H3V13.2422C1.79401%2012.435%201%2011.0602%201%209.5C1%208.67286%201.22443%207.87621%201.63322%207.19746L4.3453%202.5C4.52393%202.1906%204.85406%202%205.21132%202H18.7887C19.1459%202%2019.4761%202.1906%2019.6547%202.5L22.3575%207.18172C22.7756%207.87621%2023%208.67286%2023%209.5C23%2011.0602%2022.206%2012.435%2021%2013.2422ZM19%2013.9725C18.8358%2013.9907%2018.669%2014%2018.5%2014C17.2409%2014%2016.0789%2013.478%2015.25%2012.6132C14.4211%2013.478%2013.2591%2014%2012%2014C10.7409%2014%209.5789%2013.478%208.75%2012.6132C7.9211%2013.478%206.75911%2014%205.5%2014C5.331%2014%205.16417%2013.9907%205%2013.9725V20H19V13.9725ZM5.78865%204L3.35598%208.21321C3.12409%208.59843%203%209.0389%203%209.5C3%2010.8807%204.11929%2012%205.5%2012C6.53096%2012%207.44467%2011.3703%207.82179%2010.4295C8.1574%209.59223%209.3426%209.59223%209.67821%2010.4295C10.0553%2011.3703%2010.969%2012%2012%2012C13.031%2012%2013.9447%2011.3703%2014.3218%2010.4295C14.6574%209.59223%2015.8426%209.59223%2016.1782%2010.4295C16.5553%2011.3703%2017.469%2012%2018.5%2012C19.8807%2012%2021%2010.8807%2021%209.5C21%209.0389%2020.8759%208.59843%2020.6347%208.19746L18.2113%204H5.78865Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-user-smile-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022ZM12%2020C16.4183%2020%2020%2016.4183%2020%2012C20%207.58172%2016.4183%204%2012%204C7.58172%204%204%207.58172%204%2012C4%2016.4183%207.58172%2020%2012%2020ZM7%2012H9C9%2013.6569%2010.3431%2015%2012%2015C13.6569%2015%2015%2013.6569%2015%2012H17C17%2014.7614%2014.7614%2017%2012%2017C9.23858%2017%207%2014.7614%207%2012Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-add-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11%2011V5H13V11H19V13H13V19H11V13H5V11H11Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-external-link-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%206V8H5V19H16V14H18V20C18%2020.5523%2017.5523%2021%2017%2021H4C3.44772%2021%203%2020.5523%203%2020V7C3%206.44772%203.44772%206%204%206H10ZM21%203V11H19L18.9999%206.413L11.2071%2014.2071L9.79289%2012.7929L17.5849%205H13V3H21Z%22%2F%3E%3C%2Fsvg%3E"); } .ri-instagram-line { --ri-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.001%209C10.3436%209%209.00098%2010.3431%209.00098%2012C9.00098%2013.6573%2010.3441%2015%2012.001%2015C13.6583%2015%2015.001%2013.6569%2015.001%2012C15.001%2010.3427%2013.6579%209%2012.001%209ZM12.001%207C14.7614%207%2017.001%209.2371%2017.001%2012C17.001%2014.7605%2014.7639%2017%2012.001%2017C9.24051%2017%207.00098%2014.7629%207.00098%2012C7.00098%209.23953%209.23808%207%2012.001%207ZM18.501%206.74915C18.501%207.43926%2017.9402%207.99917%2017.251%207.99917C16.5609%207.99917%2016.001%207.4384%2016.001%206.74915C16.001%206.0599%2016.5617%205.5%2017.251%205.5C17.9393%205.49913%2018.501%206.0599%2018.501%206.74915ZM12.001%204C9.5265%204%209.12318%204.00655%207.97227%204.0578C7.18815%204.09461%206.66253%204.20007%206.17416%204.38967C5.74016%204.55799%205.42709%204.75898%205.09352%205.09255C4.75867%205.4274%204.55804%205.73963%204.3904%206.17383C4.20036%206.66332%204.09493%207.18811%204.05878%207.97115C4.00703%209.0752%204.00098%209.46105%204.00098%2012C4.00098%2014.4745%204.00753%2014.8778%204.05877%2016.0286C4.0956%2016.8124%204.2012%2017.3388%204.39034%2017.826C4.5591%2018.2606%204.7605%2018.5744%205.09246%2018.9064C5.42863%2019.2421%205.74179%2019.4434%206.17187%2019.6094C6.66619%2019.8005%207.19148%2019.9061%207.97212%2019.9422C9.07618%2019.9939%209.46203%2020%2012.001%2020C14.4755%2020%2014.8788%2019.9934%2016.0296%2019.9422C16.8117%2019.9055%2017.3385%2019.7996%2017.827%2019.6106C18.2604%2019.4423%2018.5752%2019.2402%2018.9074%2018.9085C19.2436%2018.5718%2019.4445%2018.2594%2019.6107%2017.8283C19.8013%2017.3358%2019.9071%2016.8098%2019.9432%2016.0289C19.9949%2014.9248%2020.001%2014.5389%2020.001%2012C20.001%209.52552%2019.9944%209.12221%2019.9432%207.97137C19.9064%207.18906%2019.8005%206.66149%2019.6113%206.17318C19.4434%205.74038%2019.2417%205.42635%2018.9084%205.09255C18.573%204.75715%2018.2616%204.55693%2017.8271%204.38942C17.338%204.19954%2016.8124%204.09396%2016.0298%204.05781C14.9258%204.00605%2014.5399%204%2012.001%204ZM12.001%202C14.7176%202%2015.0568%202.01%2016.1235%202.06C17.1876%202.10917%2017.9135%202.2775%2018.551%202.525C19.2101%202.77917%2019.7668%203.1225%2020.3226%203.67833C20.8776%204.23417%2021.221%204.7925%2021.476%205.45C21.7226%206.08667%2021.891%206.81333%2021.941%207.8775C21.9885%208.94417%2022.001%209.28333%2022.001%2012C22.001%2014.7167%2021.991%2015.0558%2021.941%2016.1225C21.8918%2017.1867%2021.7226%2017.9125%2021.476%2018.55C21.2218%2019.2092%2020.8776%2019.7658%2020.3226%2020.3217C19.7668%2020.8767%2019.2076%2021.22%2018.551%2021.475C17.9135%2021.7217%2017.1876%2021.89%2016.1235%2021.94C15.0568%2021.9875%2014.7176%2022%2012.001%2022C9.28431%2022%208.94514%2021.99%207.87848%2021.94C6.81431%2021.8908%206.08931%2021.7217%205.45098%2021.475C4.79264%2021.2208%204.23514%2020.8767%203.67931%2020.3217C3.12348%2019.7658%202.78098%2019.2067%202.52598%2018.55C2.27848%2017.9125%202.11098%2017.1867%202.06098%2016.1225C2.01348%2015.0558%202.00098%2014.7167%202.00098%2012C2.00098%209.28333%202.01098%208.94417%202.06098%207.8775C2.11014%206.8125%202.27848%206.0875%202.52598%205.45C2.78014%204.79167%203.12348%204.23417%203.67931%203.67833C4.23514%203.1225%204.79348%202.78%205.45098%202.525C6.08848%202.2775%206.81348%202.11%207.87848%202.06C8.94514%202.0125%209.28431%202%2012.001%202Z%22%2F%3E%3C%2Fsvg%3E"); }