/* ここに自分用のCSSを書き足せます（テーマ本体のCSSは触らないでください） */

/* 望遠鏡アイコン（icomoon フォントに無いので自作SVGをマスクで描画）
   使い方: site/config.yml の cards: で icon: "icon-telescope" と書く。
   色は currentColor を拾うので、フォントのアイコンと同じく白で表示されます。 */
.icon-telescope::before{content:"";display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.125em;-webkit-mask:url('data:image/svg+xml,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2032%2032"%20fill="none"%20stroke="black"%20stroke-width="2"%20stroke-linecap="round"%20stroke-linejoin="round">%20<g%20transform="rotate(-35%2015%2013)">%20<rect%20x="6"%20y="9"%20width="16"%20height="8"%20rx="2"/>%20<rect%20x="22"%20y="7"%20width="4.5"%20height="12"%20rx="1.8"/>%20<rect%20x="2.2"%20y="11.2"%20width="3.8"%20height="3.6"%20rx="1.4"/>%20</g>%20<path%20d="M15.2%2017.6v4.2"/>%20<path%20d="M15.2%2021.8%2010%2030%20M15.2%2021.8%2020.4%2030"/>%20</svg>') no-repeat center/contain;mask:url('data:image/svg+xml,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2032%2032"%20fill="none"%20stroke="black"%20stroke-width="2"%20stroke-linecap="round"%20stroke-linejoin="round">%20<g%20transform="rotate(-35%2015%2013)">%20<rect%20x="6"%20y="9"%20width="16"%20height="8"%20rx="2"/>%20<rect%20x="22"%20y="7"%20width="4.5"%20height="12"%20rx="1.8"/>%20<rect%20x="2.2"%20y="11.2"%20width="3.8"%20height="3.6"%20rx="1.4"/>%20</g>%20<path%20d="M15.2%2017.6v4.2"/>%20<path%20d="M15.2%2021.8%2010%2030%20M15.2%2021.8%2020.4%2030"/>%20</svg>') no-repeat center/contain}