@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); /*! Theme Name: Cocoon Child Description: Cocoon専用の子テーマ Theme URI: https://wp-cocoon.com/ Author: わいひら Author URI: https://nelog.jp/ Template: cocoon-master Version: 1.1.3 */ /* Josh's Custom CSS Reset https://www.joshwcomeau.com/css/custom-css-reset/ */ *, *::before, *::after { box-sizing: border-box } * { margin: 0 } @media (prefers-reduced-motion: no-preference) { html { interpolate-size: allow-keywords } } body { line-height: 1.5; -webkit-font-smoothing: antialiased } img, picture, video, canvas, svg { display: block; max-width: 100% } input, button, textarea, select { font: inherit } p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word } p { text-wrap: pretty } #root, #__next { isolation: isolate } ul, ol { padding: 0; list-style: none } li { padding: 0; margin: 0 } a { text-decoration: none } img { width: auto; height: auto; object-fit: cover } :is(.fa, .fas) { display: none } /************************************ ** 基本 ************************************/ :root { & :where(.is-layout-constrained) > :first-child { margin-block-start: initial; } interpolate-size: allow-keywords; --cr50:oklch(98.6% 0.002 67.8); --cr100:oklch(96% 0.002 17.2); --cr200:oklch(92.2% 0.005 34.3); --cr300:oklch(86.8% 0.007 39.5); --cr400:oklch(71.4% 0.014 41.2); --cr500:oklch(54.7% 0.021 43.1); --cr600:oklch(43.8% 0.017 39.3); --cr700:oklch(36.7% 0.016 35.7); --cr800:oklch(26.8% 0.011 36.5); --cr900:oklch(21.4% 0.009 43.1); --cr950:oklch(14.7% 0.004 49.3); --main-cr: oklch(52.34% 0.067 41.2); --main-cr: oklch(0.65 0.09 35.57); --sub-cr: oklch(0.65 0.09 35.57); --border: color-mix(in oklab, var(--cr200) 90%, transparent); --home-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOSAyMVYxMy42QzkgMTMuMDM5OSA5IDEyLjc1OTkgOS4xMDkgMTIuNTQ2QzkuMjA0ODcgMTIuMzU3OCA5LjM1Nzg1IDEyLjIwNDkgOS41NDYwMSAxMi4xMDlDOS43NTk5MyAxMiAxMC4wNCAxMiAxMC42IDEySDEzLjRDMTMuOTYwMSAxMiAxNC4yNDAxIDEyIDE0LjQ1NCAxMi4xMDlDMTQuNjQyMiAxMi4yMDQ5IDE0Ljc5NTEgMTIuMzU3OCAxNC44OTEgMTIuNTQ2QzE1IDEyLjc1OTkgMTUgMTMuMDM5OSAxNSAxMy42VjIxTTIgOS41TDExLjA0IDIuNzJDMTEuMzg0MyAyLjQ2MTgxIDExLjU1NjQgMi4zMzI3MSAxMS43NDU0IDIuMjgyOTRDMTEuOTEyMyAyLjIzOTAyIDEyLjA4NzcgMi4yMzkwMiAxMi4yNTQ2IDIuMjgyOTVDMTIuNDQzNiAyLjMzMjcxIDEyLjYxNTcgMi40NjE4MSAxMi45NiAyLjcyTDIyIDkuNU00IDhWMTcuOEM0IDE4LjkyMDEgNCAxOS40ODAyIDQuMjE3OTkgMTkuOTA4QzQuNDA5NzQgMjAuMjg0MyA0LjcxNTcgMjAuNTkwMyA1LjA5MjAyIDIwLjc4MkM1LjUxOTg1IDIxIDYuMDc5OSAyMSA3LjIgMjFIMTYuOEMxNy45MjAxIDIxIDE4LjQ4MDIgMjEgMTguOTA4IDIwLjc4MkMxOS4yODQzIDIwLjU5MDMgMTkuNTkwMyAyMC4yODQzIDE5Ljc4MiAxOS45MDhDMjAgMTkuNDgwMiAyMCAxOC45MjAxIDIwIDE3LjhWOEwxMy45MiAzLjQ0QzEzLjIzMTUgMi45MjM2MSAxMi44ODcyIDIuNjY1NDIgMTIuNTA5MSAyLjU2NTg5QzEyLjE3NTQgMi40NzgwNCAxMS44MjQ2IDIuNDc4MDQgMTEuNDkwOSAyLjU2NTg5QzExLjExMjggMi42NjU0MiAxMC43Njg1IDIuOTIzNjEgMTAuMDggMy40NEw0IDhaIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+Cjwvc3ZnPgo=); --japan-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJfeDMyXyIgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgoJLnN0MHtmaWxsOiMwMDAwMDA7fQoKPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjU5LjExOSw0NjAuMDMxYzAsMTMuNDA2LTEwLjg3NSwyNC4yNjYtMjQuMjY2LDI0LjI2NmgtNTEuMDMxYy0xMy40MDYsMC0yNC4yNjYtMTAuODU5LTI0LjI2Ni0yNC4yNjYgICB2LTExLjIwM2MwLTEzLjQwNiwxMC44NTktMjQuMjY2LDI0LjI2Ni0yNC4yNjZoNTEuMDMxYzEzLjM5MSwwLDI0LjI2NiwxMC44NTksMjQuMjY2LDI0LjI2NlY0NjAuMDMxeiI+PC9wYXRoPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM2LjksMzY1LjY4OGgtNC4yNjZjLTEzLjM5MSwwLTI0LjI2NiwxMC44NzUtMjQuMjY2LDI0LjI2NnYzMy41MTZjMCwxMy40MDYsNi4yNSwyNC4yODEsMTYuOTUzLDI0LjI4MWgyLjY3MiAgIGMxMS41NzgsMCw4LjkwNiwxMC44NTksOC45MDYsMjQuMjY2djE1LjcxOUMzNi45LDUwMS4xMjUsNDcuNzc1LDUxMiw2MS4xNjYsNTEySDk4LjI2YzEzLjQwNiwwLDI0LjI2Ni0xMC44NzUsMjQuMjY2LTI0LjI2NiAgIFY0NDcuNzV2LTU3Ljc5N2MwLTEzLjM5MS0xMC44NTktMjQuMjY2LTI0LjI2Ni0yNC4yNjZIMzYuOXoiPjwvcGF0aD4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMzguMzIyLDE2MS40MzhjLTExLjQyMiwwLTIxLjI5Nyw3Ljk2OS0yMy43MDMsMTkuMTI1bC0xMy41NjMsNjIuNTMxICAgYy0yLjQwNiwxMS4xNTYtMTIuMjk3LDE5LjEyNS0yMy43MTksMTkuMTI1SDEyNS4zODVjLTEzLjM5MSwwLTI0LjI2NiwxMC44NzUtMjQuMjY2LDI0LjI2NnYxOC4zNzUgICBjMCwxMy4zOTEsMTAuODc1LDI0LjI2NiwyNC4yNjYsMjQuMjY2aDQuOTg0YzEzLjM5MSwwLDI0LjI2NiwxMC44NzUsMjQuMjY2LDI0LjI4MXYxMi4wNzhjMCwxMy4zOTEsMTAuODc1LDI0LjI2NiwyNC4yNjYsMjQuMjY2ICAgaDE4OC4xMjVjMTEuMzkxLDAsMjEuMjUtNy45MzgsMjMuNzAzLTE5LjA5NGwzOS4zMTMtMTc5Ljc4MWMxLjU3OC03LjE1Ni0wLjE4OC0xNC42NTYtNC43OTctMjAuMzc1ICAgYy00LjYwOS01Ljc1LTExLjU2My05LjA2My0xOC45MjItOS4wNjNIMzM4LjMyMnoiPjwvcGF0aD4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00ODcuOTQ3LDEwOC43NWMtMi4xODgsMTEuNDIyLTEyLjE3MiwxOS42ODgtMjMuODQ0LDE5LjY4OEgzNTguNTg4Yy03LjIzNCwwLTE0LjEwOS0zLjIwMy0xOC42ODgtOC43ODEgICBjLTQuNjI1LTUuNTk0LTYuNTE2LTEyLjkzOC01LjE1Ni0yMC4wMzFsMTUuMjUtNzkuOTA2QzM1Mi4xODIsOC4yODEsMzYyLjE4MiwwLDM3My44MzgsMGgxMDUuNTMxICAgYzcuMjM0LDAsMTQuMDc4LDMuMjE5LDE4LjY4OCw4LjgxM2M0LjYyNSw1LjU3OCw2LjUsMTIuOTIyLDUuMTQxLDIwLjAzMUw0ODcuOTQ3LDEwOC43NXoiPjwvcGF0aD4KPC9nPgo8L3N2Zz4K); --world-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NjciIGhlaWdodD0iNjY3IiB2aWV3Qm94PSIwIDAgNjY3IDY2NyIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTMzMy4zMzMgNjMzLjMzM0M0OTkuMDE5IDYzMy4zMzMgNjMzLjMzMyA0OTkuMDE5IDYzMy4zMzMgMzMzLjMzM0M2MzMuMzMzIDE2Ny42NDggNDk5LjAxOSAzMy4zMzMzIDMzMy4zMzMgMzMuMzMzM0MxNjcuNjQ4IDMzLjMzMzMgMzMuMzMzNCAxNjcuNjQ4IDMzLjMzMzQgMzMzLjMzM0MzMy4zMzM0IDQ5OS4wMTkgMTY3LjY0OCA2MzMuMzMzIDMzMy4zMzMgNjMzLjMzM1oiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNjYuNjY2NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgPHBhdGggZD0iTTIwMCA2Ni42NjY3VjEzMy4zMzNDMjAwIDE3MC4xNTIgMjI5Ljg0OCAyMDAgMjY2LjY2NyAyMDBIMzAwQzMzNi44MiAyMDAgMzY2LjY2NyAyMjkuODQ4IDM2Ni42NjcgMjY2LjY2N0MzNjYuNjY3IDMwMy40ODcgMzk2LjUxMyAzMzMuMzMzIDQzMy4zMzMgMzMzLjMzM0M0NzAuMTUzIDMzMy4zMzMgNTAwIDMwMy40ODcgNTAwIDI2Ni42NjdDNTAwIDIyOS44NDggNTI5Ljg0NyAyMDAgNTY2LjY2NyAyMDBINjAwTTYwMCA0NjYuNjY3SDUwMEM0NjMuMTggNDY2LjY2NyA0MzMuMzMzIDQ5Ni41MTMgNDMzLjMzMyA1MzMuMzMzVjYwME0zMDAgNjAwVjUzMy4zMzNDMzAwIDQ5Ni41MTMgMjcwLjE1MyA0NjYuNjY3IDIzMy4zMzMgNDY2LjY2N0MxOTYuNTE0IDQ2Ni42NjcgMTY2LjY2NyA0MzYuODIgMTY2LjY2NyA0MDBDMTY2LjY2NyAzNjMuMTggMTM2LjgxOSAzMzMuMzMzIDEwMCAzMzMuMzMzSDMzLjMzMzQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNjYuNjY2NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+Cjwvc3ZnPgo=); --list-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjEgMTJMOSAxMk0yMSA2TDkgNk0yMSAxOEw5IDE4TTUgMTJDNSAxMi41NTIzIDQuNTUyMjggMTMgNCAxM0MzLjQ0NzcyIDEzIDMgMTIuNTUyMyAzIDEyQzMgMTEuNDQ3NyAzLjQ0NzcyIDExIDQgMTFDNC41NTIyOCAxMSA1IDExLjQ0NzcgNSAxMlpNNSA2QzUgNi41NTIyOCA0LjU1MjI4IDcgNCA3QzMuNDQ3NzIgNyAzIDYuNTUyMjggMyA2QzMgNS40NDc3MiAzLjQ0NzcyIDUgNCA1QzQuNTUyMjggNSA1IDUuNDQ3NzIgNSA2Wk01IDE4QzUgMTguNTUyMyA0LjU1MjI4IDE5IDQgMTlDMy40NDc3MiAxOSAzIDE4LjU1MjMgMyAxOEMzIDE3LjQ0NzcgMy40NDc3MiAxNyA0IDE3QzQuNTUyMjggMTcgNSAxNy40NDc3IDUgMThaIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+Cjwvc3ZnPgo=); --search-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjEgMjFMMTYuNjUgMTYuNjVNMTEgNkMxMy43NjE0IDYgMTYgOC4yMzg1OCAxNiAxMU0xOSAxMUMxOSAxNS40MTgzIDE1LjQxODMgMTkgMTEgMTlDNi41ODE3MiAxOSAzIDE1LjQxODMgMyAxMUMzIDYuNTgxNzIgNi41ODE3MiAzIDExIDNDMTUuNDE4MyAzIDE5IDYuNTgxNzIgMTkgMTFaIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+Cjwvc3ZnPgo=); --search2-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjEgMjFMMTYuNjUgMTYuNjVNMTkgMTFDMTkgMTUuNDE4MyAxNS40MTgzIDE5IDExIDE5QzYuNTgxNzIgMTkgMyAxNS40MTgzIDMgMTFDMyA2LjU4MTcyIDYuNTgxNzIgMyAxMSAzQzE1LjQxODMgMyAxOSA2LjU4MTcyIDE5IDExWiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgo8L3N2Zz4K); --tag-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOCA4SDguMDFNMiA1LjJMMiA5LjY3NDUxQzIgMTAuMTYzNyAyIDEwLjQwODMgMi4wNTUyNiAxMC42Mzg1QzIuMTA0MjUgMTAuODQyNSAyLjE4NTA2IDExLjAzNzYgMi4yOTQ3MiAxMS4yMTY2QzIuNDE4NCAxMS40MTg0IDIuNTkxMzUgMTEuNTkxNCAyLjkzNzI2IDExLjkzNzNMMTAuNjA1OSAxOS42MDU5QzExLjc5MzkgMjAuNzkzOSAxMi4zODggMjEuMzg4IDEzLjA3MjkgMjEuNjEwNUMxMy42NzU1IDIxLjgwNjMgMTQuMzI0NSAyMS44MDYzIDE0LjkyNyAyMS42MTA1QzE1LjYxMiAyMS4zODggMTYuMjA2MSAyMC43OTM5IDE3LjM5NDEgMTkuNjA1OUwxOS42MDU5IDE3LjM5NDFDMjAuNzkzOSAxNi4yMDYxIDIxLjM4OCAxNS42MTIgMjEuNjEwNSAxNC45MjdDMjEuODA2MyAxNC4zMjQ1IDIxLjgwNjMgMTMuNjc1NSAyMS42MTA1IDEzLjA3MjlDMjEuMzg4IDEyLjM4OCAyMC43OTM5IDExLjc5MzkgMTkuNjA1OSAxMC42MDU5TDExLjkzNzMgMi45MzcyNkMxMS41OTE0IDIuNTkxMzUgMTEuNDE4NCAyLjQxODQgMTEuMjE2NiAyLjI5NDcyQzExLjAzNzYgMi4xODUwNiAxMC44NDI1IDIuMTA0MjUgMTAuNjM4NSAyLjA1NTI2QzEwLjQwODMgMiAxMC4xNjM3IDIgOS42NzQ1MiAyTDUuMiAyQzQuMDc5OSAyIDMuNTE5ODQgMiAzLjA5MjAyIDIuMjE3OTlDMi43MTU3IDIuNDA5NzMgMi40MDk3MyAyLjcxNTY5IDIuMjE3OTkgMy4wOTIwMkMyIDMuNTE5ODQgMiA0LjA3OTg5IDIgNS4yWk04LjUgOEM4LjUgOC4yNzYxNCA4LjI3NjE0IDguNSA4IDguNUM3LjcyMzg2IDguNSA3LjUgOC4yNzYxNCA3LjUgOEM3LjUgNy43MjM4NiA3LjcyMzg2IDcuNSA4IDcuNUM4LjI3NjE0IDcuNSA4LjUgNy43MjM4NiA4LjUgOFoiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KPC9zdmc+Cg==); --time-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjEgMTBIM00xNiAyVjZNOCAyVjZNNy44IDIySDE2LjJDMTcuODgwMiAyMiAxOC43MjAyIDIyIDE5LjM2MiAyMS42NzNDMTkuOTI2NSAyMS4zODU0IDIwLjM4NTQgMjAuOTI2NSAyMC42NzMgMjAuMzYyQzIxIDE5LjcyMDIgMjEgMTguODgwMiAyMSAxNy4yVjguOEMyMSA3LjExOTg0IDIxIDYuMjc5NzYgMjAuNjczIDUuNjM4MDNDMjAuMzg1NCA1LjA3MzU0IDE5LjkyNjUgNC42MTQ2IDE5LjM2MiA0LjMyNjk4QzE4LjcyMDIgNCAxNy44ODAyIDQgMTYuMiA0SDcuOEM2LjExOTg0IDQgNS4yNzk3NiA0IDQuNjM4MDMgNC4zMjY5OEM0LjA3MzU0IDQuNjE0NiAzLjYxNDYgNS4wNzM1NCAzLjMyNjk4IDUuNjM4MDNDMyA2LjI3OTc2IDMgNy4xMTk4NCAzIDguOFYxNy4yQzMgMTguODgwMiAzIDE5LjcyMDIgMy4zMjY5OCAyMC4zNjJDMy42MTQ2IDIwLjkyNjUgNC4wNzM1NCAyMS4zODU0IDQuNjM4MDMgMjEuNjczQzUuMjc5NzYgMjIgNi4xMTk4NCAyMiA3LjggMjJaIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+Cjwvc3ZnPgo=); --comment-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNyA4LjVIMTJNNyAxMkgxNU05LjY4Mzc1IDE4SDE2LjJDMTcuODgwMiAxOCAxOC43MjAyIDE4IDE5LjM2MiAxNy42NzNDMTkuOTI2NSAxNy4zODU0IDIwLjM4NTQgMTYuOTI2NSAyMC42NzMgMTYuMzYyQzIxIDE1LjcyMDIgMjEgMTQuODgwMiAyMSAxMy4yVjcuOEMyMSA2LjExOTg0IDIxIDUuMjc5NzYgMjAuNjczIDQuNjM4MDNDMjAuMzg1NCA0LjA3MzU0IDE5LjkyNjUgMy42MTQ2IDE5LjM2MiAzLjMyNjk4QzE4LjcyMDIgMyAxNy44ODAyIDMgMTYuMiAzSDcuOEM2LjExOTg0IDMgNS4yNzk3NiAzIDQuNjM4MDMgMy4zMjY5OEM0LjA3MzU0IDMuNjE0NiAzLjYxNDYgNC4wNzM1NCAzLjMyNjk4IDQuNjM4MDNDMyA1LjI3OTc2IDMgNi4xMTk4NCAzIDcuOFYyMC4zMzU1QzMgMjAuODY4NCAzIDIxLjEzNDggMy4xMDkyMyAyMS4yNzE2QzMuMjA0MjIgMjEuMzkwNiAzLjM0ODI3IDIxLjQ1OTkgMy41MDA1NCAyMS40NTk3QzMuNjc1NjMgMjEuNDU5NSAzLjg4MzY3IDIxLjI5MzEgNC4yOTk3NiAyMC45NjAyTDYuNjg1MjEgMTkuMDUxOEM3LjE3MjUyIDE4LjY2MiA3LjQxNjE3IDE4LjQ2NzEgNy42ODc0OSAxOC4zMjg1QzcuOTI4MiAxOC4yMDU1IDguMTg0NDMgMTguMTE1NiA4LjQ0OTIxIDE4LjA2MTNDOC43NDc2NyAxOCA5LjA1OTcgMTggOS42ODM3NSAxOFoiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KPC9zdmc+Cg==); --award-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNy44Njg2NiAxNS40NTk5TDcgMjJMMTEuNTg4NCAxOS4yNDdDMTEuNzM4MSAxOS4xNTcyIDExLjgxMjkgMTkuMTEyMyAxMS44OTI4IDE5LjA5NDdDMTEuOTYzNCAxOS4wNzkyIDEyLjAzNjYgMTkuMDc5MiAxMi4xMDcyIDE5LjA5NDdDMTIuMTg3MSAxOS4xMTIzIDEyLjI2MTkgMTkuMTU3MiAxMi40MTE2IDE5LjI0N0wxNyAyMkwxNi4xMzE5IDE1LjQ1NzFNMTYuNDI1OSA0LjI0ODg4QzE2LjU4MDMgNC42MjI0IDE2Ljg3NjggNC45MTkzIDE3LjI1IDUuMDc0M0wxOC41NTg5IDUuNjE2NDhDMTguOTMyNSA1Ljc3MTIxIDE5LjIyOTIgNi4wNjc5OSAxOS4zODQgNi40NDE1NEMxOS41Mzg3IDYuODE1MDkgMTkuNTM4NyA3LjIzNDgxIDE5LjM4NCA3LjYwODM2TDE4Ljg0MjIgOC45MTYzNUMxOC42ODc0IDkuMjkwMDcgMTguNjg3MiA5LjcxMDIxIDE4Ljg0MjcgMTAuMDgzN0wxOS4zODM1IDExLjM5MTNDMTkuNDYwMiAxMS41NzY0IDE5LjQ5OTcgMTEuNzc0NyAxOS40OTk3IDExLjk3NUMxOS40OTk4IDEyLjE3NTIgMTkuNDYwMyAxMi4zNzM2IDE5LjM4MzcgMTIuNTU4NkMxOS4zMDcxIDEyLjc0MzYgMTkuMTk0NyAxMi45MTE4IDE5LjA1MzEgMTMuMDUzNEMxOC45MTE0IDEzLjE5NSAxOC43NDMzIDEzLjMwNzMgMTguNTU4MiAxMy4zODM5TDE3LjI1MDMgMTMuOTI1NkMxNi44NzY4IDE0LjA4MDEgMTYuNTc5OSAxNC4zNzY1IDE2LjQyNDkgMTQuNzQ5OEwxNS44ODI3IDE2LjA1ODhDMTUuNzI4IDE2LjQzMjMgMTUuNDMxMiAxNi43MjkxIDE1LjA1NzcgMTYuODgzOEMxNC42ODQxIDE3LjAzODYgMTQuMjY0NCAxNy4wMzg2IDEzLjg5MDkgMTYuODgzOEwxMi41ODMgMTYuMzQyQzEyLjIwOTQgMTYuMTg3NyAxMS43ODk5IDE2LjE4OCAxMS40MTY2IDE2LjM0MjlMMTAuMTA3NyAxNi44ODQzQzkuNzM0MzQgMTcuMDM4NyA5LjMxNTAxIDE3LjAzODYgOC45NDE3OCAxNi44ODRDOC41Njg1NCAxNi43MjkzIDguMjcxOTQgMTYuNDMyOSA4LjExNzExIDE2LjA1OThMNy41NzQ3OSAxNC43NTA0QzcuNDIwMzUgMTQuMzc2OSA3LjEyMzkxIDE0LjA4IDYuNzUwNjQgMTMuOTI1TDUuNDQxNzUgMTMuMzgyOEM1LjA2ODM4IDEzLjIyODIgNC43NzE2OSAxMi45MzE2IDQuNjE2OTEgMTIuNTU4MkM0LjQ2MjEzIDEyLjE4NDkgNC40NjE5MiAxMS43NjU0IDQuNjE2MzMgMTEuMzkxOUw1LjE1ODEgMTAuMDgzOUM1LjMxMjQ0IDkuNzEwMzUgNS4zMTIxMyA5LjI5MDc5IDUuMTU3MjIgOC45MTc0Nkw0LjYxNjIzIDcuNjA3NTlDNC41Mzk1MyA3LjQyMjU3IDQuNTAwMDMgNy4yMjQyNiA0LjUgNy4wMjM5N0M0LjQ5OTk3IDYuODIzNjkgNC41Mzk0IDYuNjI1MzYgNC42MTYwNCA2LjQ0MDMyQzQuNjkyNjggNi4yNTUyOSA0LjgwNTA0IDYuMDg3MTYgNC45NDY2OCA1Ljk0NTU2QzUuMDg4MzIgNS44MDM5NiA1LjI1NjQ3IDUuNjkxNjYgNS40NDE1MiA1LjYxNTA4TDYuNzQ5NDcgNS4wNzMyOUM3LjEyMjY1IDQuOTE4OTggNy40MTkzNiA0LjYyMjkgNy41NzQ0OCA0LjI1MDA0TDguMTE2NjQgMi45NDExMUM4LjI3MTM2IDIuNTY3NTYgOC41NjgxMyAyLjI3MDc4IDguOTQxNjcgMi4xMTYwNUM5LjMxNTIgMS45NjEzMiA5LjczNDkgMS45NjEzMiAxMC4xMDg0IDIuMTE2MDVMMTEuNDE2NCAyLjY1Nzg0QzExLjc4OTkgMi44MTIxOCAxMi4yMDk1IDIuODExODcgMTIuNTgyOCAyLjY1Njk2TDEzLjg5MjIgMi4xMTY4OUMxNC4yNjU3IDEuOTYyMjQgMTQuNjg1MyAxLjk2MjI4IDE1LjA1ODggMi4xMTY5N0MxNS40MzIyIDIuMjcxNjcgMTUuNzI5IDIuNTY4MzcgMTUuODgzNyAyLjk0MTgyTDE2LjQyNiA0LjI1MTE1TDE2LjQyNTkgNC4yNDg4OFoiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KPC9zdmc+Cg==); --new-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNSAxNkMyMC40MzMgMTYgMjIgMTMuMDg5OSAyMiA5LjVDMjIgNS45MTAxNSAyMC40MzMgMyAxOC41IDNNMTguNSAxNkMxNi41NjcgMTYgMTUgMTMuMDg5OSAxNSA5LjVDMTUgNS45MTAxNSAxNi41NjcgMyAxOC41IDNNMTguNSAxNkw1LjQ0MzU0IDEzLjYyNjFDNC41MTYwNSAxMy40NTc1IDQuMDUyMzEgMTMuMzczMSAzLjY3NzMzIDEzLjE4OUMyLjkxNDQ3IDEyLjgxNDIgMi4zNDYzNiAxMi4xMzM1IDIuMTE0MTQgMTEuMzE1OUMyIDEwLjkxNCAyIDEwLjQ0MjcgMiA5LjVDMiA4LjU1NzMgMiA4LjA4NTk1IDIuMTE0MTQgNy42ODQwN0MyLjM0NjM2IDYuODY2NDkgMi45MTQ0NyA2LjE4NTc3IDMuNjc3MzMgNS44MTEwNUM0LjA1MjMxIDUuNjI2ODUgNC41MTYwNSA1LjU0MjU0IDUuNDQzNTQgNS4zNzM5TDE4LjUgM001IDE0TDUuMzkzODYgMTkuNTE0QzUuNDMxMjYgMjAuMDM3NiA1LjQ0OTk2IDIwLjI5OTUgNS41NjM4NyAyMC40OTc5QzUuNjY0MTcgMjAuNjcyNiA1LjgxNDg5IDIwLjgxMjkgNS45OTYyOSAyMC45MDA1QzYuMjAyMzIgMjEgNi40NjQ4MSAyMSA2Ljk4OTc5IDIxSDguNzcyMkM5LjM3MjM0IDIxIDkuNjcyNDIgMjEgOS44OTQ1MSAyMC44ODAzQzEwLjA4OTcgMjAuNzc1MSAxMC4yNDQzIDIwLjYwODEgMTAuMzM0MiAyMC40MDU1QzEwLjQzNjUgMjAuMTc0OSAxMC40MTM1IDE5Ljg3NTcgMTAuMzY3NSAxOS4yNzczTDEwIDE0LjUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KPC9zdmc+Cg==); --arrow-top-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTggMTVMMTIgOUw2IDE1IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+Cjwvc3ZnPgo=); --arrow-right-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOSAxOEwxNSAxMkw5IDYiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KPC9zdmc+Cg==); --arrow-left-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTUgMThMOSAxMkwxNSA2IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+Cjwvc3ZnPgo=); --rss-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTYuMjQyOSA1Ljc1NzA4QzE4LjU4NiA4LjEwMDIzIDE4LjU4NiAxMS44OTkyIDE2LjI0MjkgMTQuMjQyNE03Ljc1NzU4IDE0LjI0MjRDNS40MTQ0MyAxMS44OTkyIDUuNDE0NDMgOC4xMDAyMyA3Ljc1NzU4IDUuNzU3MDhNNC45Mjg5MyAxNy4wNzA4QzEuMDIzNjkgMTMuMTY1NiAxLjAyMzY5IDYuODMzOTUgNC45Mjg5MyAyLjkyODcxTTE5LjA3MTUgMi45Mjg3MUMyMi45NzY4IDYuODMzOTUgMjIuOTc2OCAxMy4xNjU2IDE5LjA3MTUgMTcuMDcwOE0xMi4wMDAyIDExLjk5OThDMTMuMTA0OCAxMS45OTk4IDE0LjAwMDIgMTEuMTA0MyAxNC4wMDAyIDkuOTk5NzZDMTQuMDAwMiA4Ljg5NTE5IDEzLjEwNDggNy45OTk3NiAxMi4wMDAyIDcuOTk5NzZDMTAuODk1NyA3Ljk5OTc2IDEwLjAwMDIgOC44OTUxOSAxMC4wMDAyIDkuOTk5NzZDMTAuMDAwMiAxMS4xMDQzIDEwLjg5NTcgMTEuOTk5OCAxMi4wMDAyIDExLjk5OThaTTEyLjAwMDIgMTEuOTk5OFYyMC45OTk4IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+Cjwvc3ZnPgo=); --copy-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNSAxNUM0LjA2ODEyIDE1IDMuNjAyMTggMTUgMy4yMzQ2MyAxNC44NDc4QzIuNzQ0NTggMTQuNjQ0OCAyLjM1NTIzIDE0LjI1NTQgMi4xNTIyNCAxMy43NjU0QzIgMTMuMzk3OCAyIDEyLjkzMTkgMiAxMlY1LjJDMiA0LjA3OTkgMiAzLjUxOTg0IDIuMjE3OTkgMy4wOTIwMkMyLjQwOTczIDIuNzE1NjkgMi43MTU2OSAyLjQwOTczIDMuMDkyMDIgMi4yMTc5OUMzLjUxOTg0IDIgNC4wNzk5IDIgNS4yIDJIMTJDMTIuOTMxOSAyIDEzLjM5NzggMiAxMy43NjU0IDIuMTUyMjRDMTQuMjU1NCAyLjM1NTIzIDE0LjY0NDggMi43NDQ1OCAxNC44NDc4IDMuMjM0NjNDMTUgMy42MDIxOCAxNSA0LjA2ODEyIDE1IDVNMTIuMiAyMkgxOC44QzE5LjkyMDEgMjIgMjAuNDgwMiAyMiAyMC45MDggMjEuNzgyQzIxLjI4NDMgMjEuNTkwMyAyMS41OTAzIDIxLjI4NDMgMjEuNzgyIDIwLjkwOEMyMiAyMC40ODAyIDIyIDE5LjkyMDEgMjIgMTguOFYxMi4yQzIyIDExLjA3OTkgMjIgMTAuNTE5OCAyMS43ODIgMTAuMDkyQzIxLjU5MDMgOS43MTU2OSAyMS4yODQzIDkuNDA5NzMgMjAuOTA4IDkuMjE3OTlDMjAuNDgwMiA5IDE5LjkyMDEgOSAxOC44IDlIMTIuMkMxMS4wNzk5IDkgMTAuNTE5OCA5IDEwLjA5MiA5LjIxNzk5QzkuNzE1NjkgOS40MDk3MyA5LjQwOTczIDkuNzE1NjkgOS4yMTc5OSAxMC4wOTJDOSAxMC41MTk4IDkgMTEuMDc5OSA5IDEyLjJWMTguOEM5IDE5LjkyMDEgOSAyMC40ODAyIDkuMjE3OTkgMjAuOTA4QzkuNDA5NzMgMjEuMjg0MyA5LjcxNTY5IDIxLjU5MDMgMTAuMDkyIDIxLjc4MkMxMC41MTk4IDIyIDExLjA3OTkgMjIgMTIuMiAyMloiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KPC9zdmc+Cg==); --X-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjEyMjciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxMjAwIDEyMjciPgogIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik03MTQuMTYzIDUxOS4yODQgMTE2MC44OSAwaC0xMDUuODZMNjY3LjEzNyA0NTAuODg3IDM1Ny4zMjggMEgwbDQ2OC40OTIgNjgxLjgyMUwwIDEyMjYuMzdoMTA1Ljg2Nmw0MDkuNjI1LTQ3Ni4xNTIgMzI3LjE4MSA0NzYuMTUySDEyMDBMNzE0LjEzNyA1MTkuMjg0aC4wMjZaTTU2OS4xNjUgNjg3LjgyOGwtNDcuNDY4LTY3Ljg5NC0zNzcuNjg2LTU0MC4yNGgxNjIuNjA0bDMwNC43OTcgNDM1Ljk5MSA0Ny40NjggNjcuODk0IDM5Ni4yIDU2Ni43MjFIODkyLjQ3Nkw1NjkuMTY1IDY4Ny44NTR2LS4wMjZaIj48L3BhdGg+Cjwvc3ZnPgo=); --facebook-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMDAwMDAiIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNMTIgMi4wMzk5OEM2LjUgMi4wMzk5OCAyIDYuNTI5OTggMiAxMi4wNkMyIDE3LjA2IDUuNjYgMjEuMjEgMTAuNDQgMjEuOTZWMTQuOTZINy45VjEyLjA2SDEwLjQ0VjkuODQ5OThDMTAuNDQgNy4zMzk5OCAxMS45MyA1Ljk1OTk4IDE0LjIyIDUuOTU5OThDMTUuMzEgNS45NTk5OCAxNi40NSA2LjE0OTk4IDE2LjQ1IDYuMTQ5OThWOC42MTk5OEgxNS4xOUMxMy45NSA4LjYxOTk4IDEzLjU2IDkuMzg5OTggMTMuNTYgMTAuMThWMTIuMDZIMTYuMzRMMTUuODkgMTQuOTZIMTMuNTZWMjEuOTZDMTUuOTE2NCAyMS41ODc4IDE4LjA2MjIgMjAuMzg1NSAxOS42MDk5IDE4LjU3QzIxLjE1NzYgMTYuNzU0NiAyMi4wMDU0IDE0LjQ0NTYgMjIgMTIuMDZDMjIgNi41Mjk5OCAxNy41IDIuMDM5OTggMTIgMi4wMzk5OFoiPjwvcGF0aD4KPC9zdmc+Cg==); --hatena-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCIgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjEwMHB4Ij4KICA8cGF0aCBkPSJNIDkgNCBDIDYuMjQgNCA0IDYuMjQgNCA5IEwgNCA0MSBDIDQgNDMuNzYgNi4yNCA0NiA5IDQ2IEwgNDEgNDYgQyA0My43NiA0NiA0NiA0My43NiA0NiA0MSBMIDQ2IDkgQyA0NiA2LjI0IDQzLjc2IDQgNDEgNCBMIDkgNCB6IE0gMTQuOTM5NDUzIDE2IEwgMjMuNDcwNzAzIDE2IEMgMjYuMDcwNzAzIDE2IDI4LjE2OTkyMiAxNy44OTA0NjkgMjguMTY5OTIyIDIwLjIzMDQ2OSBDIDI4LjE2OTkyMiAyMi4xMzA0NjkgMjYuNzU5ODQ0IDIzLjcyIDI0LjgzOTg0NCAyNC4yNSBDIDI3LjE5OTg0NCAyNC42NSAyOSAyNi42NTk4NDQgMjkgMjkuMDg5ODQ0IEMgMjkgMzEuNzk5ODQ0IDI2Ljc1MDQ2OSAzNCAyMy45ODA0NjkgMzQgTCAxNC45Mzk0NTMgMzQgTCAxNC45Mzk0NTMgMTYgeiBNIDMwLjkzOTQ1MyAxNiBMIDM1IDE2IEwgMzUgMjggTCAzMC45Mzk0NTMgMjggTCAzMC45Mzk0NTMgMTYgeiBNIDE5LjIxMDkzOCAxOS45NDkyMTkgTCAxOS4yMTA5MzggMjMuNTk5NjA5IEwgMjEuNjE5MTQxIDIzLjU5OTYwOSBDIDIyLjY1OTE0MSAyMy41OTk2MDkgMjMuNTA5NzY2IDIyLjc3OTc2NiAyMy41MDk3NjYgMjEuNzU5NzY2IEMgMjMuNTA5NzY2IDIwLjgxOTc2NiAyMi43NzAzMTIgMjAuMDQ5MjE5IDIxLjgyMDMxMiAxOS45NDkyMTkgTCAxOS4yMTA5MzggMTkuOTQ5MjE5IHogTSAxOS4yMTA5MzggMjYuODAwNzgxIEwgMTkuMjEwOTM4IDMwLjgxMDU0NyBMIDIyLjIxMDkzOCAzMC44MTA1NDcgQyAyMy4zNTA5MzggMzAuODEwNTQ3IDI0LjI2OTUzMSAyOS45MTA1NDcgMjQuMjY5NTMxIDI4LjgxMDU0NyBDIDI0LjI2OTUzMSAyNy43MDA1NDcgMjMuMzUwOTM4IDI2LjgwMDc4MSAyMi4yMTA5MzggMjYuODAwNzgxIEwgMTkuMjEwOTM4IDI2LjgwMDc4MSB6IE0gMzIuOTcwNzAzIDMwIEMgMzQuMDkwNzAzIDMwIDM1IDMwLjkgMzUgMzIgQyAzNSAzMy4xIDM0LjA5MDcwMyAzNCAzMi45NzA3MDMgMzQgQyAzMS44NTA3MDMgMzQgMzAuOTM5NDUzIDMzLjEgMzAuOTM5NDUzIDMyIEMgMzAuOTM5NDUzIDMwLjkgMzEuODUwNzAzIDMwIDMyLjk3MDcwMyAzMCB6Ij48L3BhdGg+Cjwvc3ZnPgo=); --bluesky-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NjgiIGhlaWdodD0iNTAxIiB2aWV3Qm94PSIwIDAgNTY4IDUwMSIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTEyMy4xMjEgMzMuNjYzN0MxODguMjQxIDgyLjU1MjYgMjU4LjI4MSAxODEuNjgxIDI4NCAyMzQuODczQzMwOS43MTkgMTgxLjY4MSAzNzkuNzU5IDgyLjU1MjYgNDQ0Ljg3OSAzMy42NjM3QzQ5MS44NjYgLTEuNjExODMgNTY4IC0yOC45MDY0IDU2OCA1Ny45NDY0QzU2OCA3NS4yOTE2IDU1OC4wNTUgMjAzLjY1OSA1NTIuMjIyIDIyNC41MDFDNTMxLjk0NyAyOTYuOTU0IDQ1OC4wNjcgMzE1LjQzNCAzOTIuMzQ3IDMwNC4yNDlDNTA3LjIyMiAzMjMuOCA1MzYuNDQ0IDM4OC41NiA0NzMuMzMzIDQ1My4zMkMzNTMuNDczIDU3Ni4zMTIgMzAxLjA2MSA0MjIuNDYxIDI4Ny42MzEgMzgzLjAzOUMyODUuMTY5IDM3NS44MTIgMjg0LjAxNyAzNzIuNDMxIDI4NCAzNzUuMzA2QzI4My45ODMgMzcyLjQzMSAyODIuODMxIDM3NS44MTIgMjgwLjM2OSAzODMuMDM5QzI2Ni45MzkgNDIyLjQ2MSAyMTQuNTI3IDU3Ni4zMTIgOTQuNjY2NyA0NTMuMzJDMzEuNTU1NiAzODguNTYgNjAuNzc3OCAzMjMuOCAxNzUuNjUzIDMwNC4yNDlDMTA5LjkzMyAzMTUuNDM0IDM2LjA1MzUgMjk2Ljk1NCAxNS43Nzc4IDIyNC41MDFDOS45NDUyNSAyMDMuNjU5IDAgNzUuMjkxNiAwIDU3Ljk0NjRDMCAtMjguOTA2NCA3Ni4xMzQ1IC0xLjYxMTgzIDEyMy4xMjEgMzMuNjYzN1oiIGZpbGw9IiMwMDZBRkYiPjwvcGF0aD4KPC9zdmc+Cg==); --threads-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHZpZXdCb3g9IjAgMCA0MzkuOTk5IDUxMS40MjkiPgogIDxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTM0Mi4zODIgMjM3LjAzN2ExNzUuODQzIDE3NS44NDMgMCAwMC02LjcwNy0zLjA0NWMtMy45NDctNzIuNzM3LTQzLjY5Mi0xMTQuMzc5LTExMC40MjgtMTE0LjgwNS0zOC41MDUtLjI1Ni03Mi45NzIgMTUuNDQ1LTk0LjQ1NCA0OC4wNDFsMzYuNzAyIDI1LjE3OGMxNS4yNjUtMjMuMTU5IDM5LjIyMS0yOC4wOTcgNTYuODY0LTI4LjA5Ny4yMDMgMCAuNDA4IDAgLjYxLjAwMyAyMS45NzMuMTM5IDM4LjU1NSA2LjUyOCA0OS4yODcgMTguOTg3IDcuODEgOS4wNzEgMTMuMDM0IDIxLjYwNiAxNS42MiAzNy40MjUtMTkuNDgyLTMuMzEyLTQwLjU1Mi00LjMyOS02My4wNzctMy4wMzktNjMuNDQ5IDMuNjU2LTEwNC4yNCA0MC42NjEtMTAxLjUgOTIuMDgxIDEuMzkgMjYuMDgzIDE0LjM4NCA0OC41MjIgMzYuNTg2IDYzLjE4IDE4Ljc3MyAxMi4zOTEgNDIuOTUgMTguNDUxIDY4LjA3OCAxNy4wOCAzMy4xODMtMS44MTkgNTkuMjE0LTE0LjQ4IDc3LjM3Ni0zNy42MzEgMTMuNzkzLTE3LjU3OSAyMi41MTYtNDAuMzYyIDI2LjM2OC02OS4wNjggMTUuODE0IDkuNTQzIDI3LjUzNSAyMi4xMDMgMzQuMDA3IDM3LjIgMTEuMDA3IDI1LjY2NSAxMS42NDggNjcuODQtMjIuNzY0IDEwMi4yMjItMzAuMTUgMzAuMTIxLTY2LjM5MiA0My4xNTEtMTIxLjE2NCA0My41NTQtNjAuNzU3LS40NS0xMDYuNzA3LTE5LjkzNC0xMzYuNTgyLTU3LjkxNC0yNy45NzYtMzUuNTYzLTQyLjQzNC04Ni45My00Mi45NzMtMTUyLjY3NS41MzktNjUuNzQ1IDE0Ljk5Ny0xMTcuMTEzIDQyLjk3My0xNTIuNjc1IDI5Ljg3NS0zNy45NzkgNzUuODI0LTU3LjQ2NCAxMzYuNTgxLTU3LjkxNCA2MS4xOTcuNDU1IDEwNy45NDggMjAuMDMzIDEzOC45NjcgNTguMTk1IDE1LjIxIDE4LjcxMyAyNi42NzcgNDIuMjQ4IDM0LjIzNiA2OS42ODhsNDMuMDExLTExLjQ3NmMtOS4xNjMtMzMuNzc1LTIzLjU4MS02Mi44ODEtNDMuMjAzLTg3LjAxN0MzNTcuMDMxIDI1LjU5IDI5OC44NzIuNTE5IDIyMy45MzUgMGgtLjNDMTQ4Ljg1MS41MTggOTEuMzQzIDI1LjY4MyA1Mi43MDkgNzQuNzk0IDE4LjMzMSAxMTguNDk4LjU5OCAxNzkuMzA4LjAwMiAyNTUuNTM0bC0uMDAyLjE4LjAwMi4xOGMuNTk2IDc2LjIyNiAxOC4zMjkgMTM3LjAzNyA1Mi43MDcgMTgwLjc0MSAzOC42MzQgNDkuMTEgOTYuMTQyIDc0LjI3NyAxNzAuOTI2IDc0Ljc5NGguM2M2Ni40ODctLjQ2MiAxMTMuMzUyLTE3Ljg2OCAxNTEuOTYtNTYuNDQyIDUwLjUxMS01MC40NjMgNDguOTkxLTExMy43MTcgMzIuMzQyLTE1Mi41NDgtMTEuOTQ0LTI3Ljg0Ny0zNC43MTYtNTAuNDY0LTY1Ljg1NS02NS40MDJ6bS0xMTQuNzk1IDEwNy45M2MtMjcuODA5IDEuNTY2LTU2LjctMTAuOTE3LTU4LjEyNC0zNy42NTItMS4wNTYtMTkuODIzIDE0LjEwOC00MS45NDIgNTkuODMtNDQuNTc3IDUuMjM3LS4zMDIgMTAuMzc1LS40NSAxNS40MjItLjQ1IDE2LjYwOSAwIDMyLjE0NiAxLjYxMyA0Ni4yNzIgNC43MDItNS4yNjggNjUuNzk4LTM2LjE3MyA3Ni40ODMtNjMuNCA3Ny45Nzd6Ij48L3BhdGg+Cjwvc3ZnPgo=); --line-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbGluZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCAwYzQuNDExIDAgOCAyLjkxMiA4IDYuNDkyIDAgMS40MzMtLjU1NSAyLjcyMy0xLjcxNSAzLjk5NC0xLjY3OCAxLjkzMi01LjQzMSA0LjI4NS02LjI4NSA0LjY0NS0uODMuMzUtLjczNC0uMTk3LS42OTYtLjQxM2wuMDAzLS4wMTguMTE0LS42ODVjLjAyNy0uMjA0LjA1NS0uNTIxLS4wMjYtLjcyMy0uMDktLjIyMy0uNDQ0LS4zMzktLjcwNC0uMzk1QzIuODQ2IDEyLjM5IDAgOS43MDEgMCA2LjQ5MiAwIDIuOTEyIDMuNTkgMCA4IDBNNS4wMjIgNy42ODZIMy40OTdWNC45MThhLjE1Ni4xNTYgMCAwIDAtLjE1NS0uMTU2SDIuNzhhLjE1Ni4xNTYgMCAwIDAtLjE1Ni4xNTZ2My40ODZjMCAuMDQxLjAxNy4wOC4wNDQuMTA3di4wMDFsLjAwMi4wMDIuMDAyLjAwMmEuMTUuMTUgMCAwIDAgLjEwOC4wNDNoMi4yNDJjLjA4NiAwIC4xNTUtLjA3LjE1NS0uMTU2di0uNTZhLjE1Ni4xNTYgMCAwIDAtLjE1NS0uMTU3bS43OTEtMi45MjRhLjE1Ni4xNTYgMCAwIDAtLjE1Ni4xNTZ2My40ODZjMCAuMDg2LjA3LjE1NS4xNTYuMTU1aC41NjJjLjA4NiAwIC4xNTUtLjA3LjE1NS0uMTU1VjQuOTE4YS4xNTYuMTU2IDAgMCAwLS4xNTUtLjE1NnptMy44NjMgMGEuMTU2LjE1NiAwIDAgMC0uMTU2LjE1NnYyLjA3TDcuOTIzIDQuODMybC0uMDEzLS4wMTV2LS4wMDFsLS4wMS0uMDEtLjAwMy0uMDAzLS4wMTEtLjAwOWgtLjAwMUw3Ljg4IDQuNzlsLS4wMDMtLjAwMi0uMDA1LS4wMDMtLjAwOC0uMDA1aC0uMDAybC0uMDAzLS4wMDItLjAxLS4wMDQtLjAwNC0uMDAyLS4wMS0uMDAzaC0uMDAybC0uMDAzLS4wMDEtLjAwOS0uMDAyaC0uMDA2bC0uMDAzLS4wMDFoLS4wMDRsLS4wMDItLjAwMWgtLjU3NGEuMTU2LjE1NiAwIDAgMC0uMTU2LjE1NXYzLjQ4NmMwIC4wODYuMDcuMTU1LjE1Ni4xNTVoLjU2Yy4wODcgMCAuMTU3LS4wNy4xNTctLjE1NXYtMi4wN2wxLjYgMi4xNmEuMi4yIDAgMCAwIC4wMzkuMDM4bC4wMDEuMDAxLjAxLjAwNi4wMDQuMDAyLjAwOC4wMDQuMDA3LjAwMy4wMDUuMDAyLjAxLjAwM2guMDAzYS4yLjIgMCAwIDAgLjA0LjAwNmguNTZjLjA4NyAwIC4xNTctLjA3LjE1Ny0uMTU1VjQuOTE4YS4xNTYuMTU2IDAgMCAwLS4xNTYtLjE1NnptMy44MTUuNzE3di0uNTZhLjE1Ni4xNTYgMCAwIDAtLjE1NS0uMTU3aC0yLjI0MmEuMTYuMTYgMCAwIDAtLjEwOC4wNDRoLS4wMDFsLS4wMDEuMDAyLS4wMDIuMDAzYS4xNi4xNiAwIDAgMC0uMDQ0LjEwN3YzLjQ4NmMwIC4wNDEuMDE3LjA4LjA0NC4xMDdsLjAwMi4wMDMuMDAyLjAwMmEuMTYuMTYgMCAwIDAgLjEwOC4wNDNoMi4yNDJjLjA4NiAwIC4xNTUtLjA3LjE1NS0uMTU2di0uNTZhLjE1Ni4xNTYgMCAwIDAtLjE1NS0uMTU3SDExLjgxdi0uNTg5aDEuNTI1Yy4wODYgMCAuMTU1LS4wNy4xNTUtLjE1NnYtLjU2YS4xNTYuMTU2IDAgMCAwLS4xNTUtLjE1N0gxMS44MXYtLjU4OWgxLjUyNWMuMDg2IDAgLjE1NS0uMDcuMTU1LS4xNTZaIj48L3BhdGg+Cjwvc3ZnPgo=); --reply-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjAuNzkxNCAxMi42MDc1QzIxLjAzNTUgMTIuMzk4MiAyMS4xNTc1IDEyLjI5MzYgMjEuMjAyMyAxMi4xNjkxQzIxLjI0MTUgMTIuMDU5OCAyMS4yNDE1IDExLjk0MDMgMjEuMjAyMyAxMS44MzFDMjEuMTU3NSAxMS43MDY1IDIxLjAzNTUgMTEuNjAxOSAyMC43OTE0IDExLjM5MjZMMTIuMzIwNiA0LjEzMjAyQzExLjkwMDQgMy43NzE4MiAxMS42OTAzIDMuNTkxNzIgMTEuNTEyNCAzLjU4NzMxQzExLjM1NzggMy41ODM0OCAxMS4yMTAxIDMuNjUxNCAxMS4xMTI0IDMuNzcxMjhDMTEgMy45MDkyMSAxMSA0LjE4NTk1IDExIDQuNzM5NDJWOS4wMzQ2OEM4Ljg2NTMyIDkuNDA4MTMgNi45MTE1OSAxMC40ODk4IDUuNDU5NzEgMTIuMTEzOUMzLjg3NjgyIDEzLjg4NDYgMy4wMDEyMyAxNi4xNzYgMyAxOC41NTFWMTkuMTYzQzQuMDQ5MzQgMTcuODk4OSA1LjM1OTUxIDE2Ljg3NjYgNi44NDA3NiAxNi4xNjZDOC4xNDY3IDE1LjUzOTUgOS41NTg0MiAxNS4xNjg0IDExIDE1LjA3MDZWMTkuMjYwN0MxMSAxOS44MTQxIDExIDIwLjA5MDkgMTEuMTEyNCAyMC4yMjg4QzExLjIxMDEgMjAuMzQ4NyAxMS4zNTc4IDIwLjQxNjYgMTEuNTEyNCAyMC40MTI4QzExLjY5MDMgMjAuNDA4NCAxMS45MDA0IDIwLjIyODMgMTIuMzIwNiAxOS44NjgxTDIwLjc5MTQgMTIuNjA3NVoiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KPC9zdmc+Cg==); --ad-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNi40MTY2NyAxNEw4LjUgOUwxMC41ODMzIDE0TTYuNDE2NjcgMTRMNiAxNU02LjQxNjY3IDE0SDEwLjU4MzNNMTAuNTgzMyAxNEwxMSAxNU0xMy41IDkuNVYxNC41QzEzLjUgMTQuNzc2MSAxMy43MjM5IDE1IDE0IDE1SDE1QzE2LjY1NjkgMTUgMTggMTMuNjU2OSAxOCAxMkMxOCAxMC4zNDMxIDE2LjY1NjkgOSAxNSA5SDE0QzEzLjcyMzkgOSAxMy41IDkuMjIzODYgMTMuNSA5LjVaTTUgMTlIMTlDMjAuMTA0NiAxOSAyMSAxOC4xMDQ2IDIxIDE3VjdDMjEgNS44OTU0MyAyMC4xMDQ2IDUgMTkgNUg1QzMuODk1NDMgNSAzIDUuODk1NDMgMyA3VjE3QzMgMTguMTA0NiAzLjg5NTQzIDE5IDUgMTlaIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+Cjwvc3ZnPgo=); --link-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjEgOUwyMSAzTTIxIDNIMTVNMjEgM0wxMyAxMU0xMCA1SDcuOEM2LjExOTg0IDUgNS4yNzk3NiA1IDQuNjM4MDMgNS4zMjY5OEM0LjA3MzU0IDUuNjE0NiAzLjYxNDYgNi4wNzM1NCAzLjMyNjk4IDYuNjM4MDNDMyA3LjI3OTc2IDMgOC4xMTk4NCAzIDkuOFYxNi4yQzMgMTcuODgwMiAzIDE4LjcyMDIgMy4zMjY5OCAxOS4zNjJDMy42MTQ2IDE5LjkyNjUgNC4wNzM1NCAyMC4zODU0IDQuNjM4MDMgMjAuNjczQzUuMjc5NzYgMjEgNi4xMTk4NCAyMSA3LjggMjFIMTQuMkMxNS44ODAyIDIxIDE2LjcyMDIgMjEgMTcuMzYyIDIwLjY3M0MxNy45MjY1IDIwLjM4NTQgMTguMzg1NCAxOS45MjY1IDE4LjY3MyAxOS4zNjJDMTkgMTguNzIwMiAxOSAxNy44ODAyIDE5IDE2LjJWMTQiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KPC9zdmc+Cg==); --another-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjAgMjFDMjAgMTkuNjA0NCAyMCAxOC45MDY3IDE5LjgyNzggMTguMzM4OUMxOS40NCAxNy4wNjA1IDE4LjQzOTUgMTYuMDYgMTcuMTYxMSAxNS42NzIyQzE2LjU5MzMgMTUuNSAxNS44OTU2IDE1LjUgMTQuNSAxNS41SDkuNUM4LjEwNDQ0IDE1LjUgNy40MDY2NSAxNS41IDYuODM4ODYgMTUuNjcyMkM1LjU2MDQ1IDE2LjA2IDQuNTYwMDQgMTcuMDYwNSA0LjE3MjI0IDE4LjMzODlDNCAxOC45MDY3IDQgMTkuNjA0NCA0IDIxTTE2LjUgNy41QzE2LjUgOS45ODUyOCAxNC40ODUzIDEyIDEyIDEyQzkuNTE0NzIgMTIgNy41IDkuOTg1MjggNy41IDcuNUM3LjUgNS4wMTQ3MiA5LjUxNDcyIDMgMTIgM0MxNC40ODUzIDMgMTYuNSA1LjAxNDcyIDE2LjUgNy41WiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgo8L3N2Zz4K); --original-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIgMTNDMTMuNjU2OSAxMyAxNSAxMS42NTY5IDE1IDEwQzE1IDguMzQzMTUgMTMuNjU2OSA3IDEyIDdDMTAuMzQzMSA3IDkgOC4zNDMxNSA5IDEwQzkgMTEuNjU2OSAxMC4zNDMxIDEzIDEyIDEzWiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogIDxwYXRoIGQ9Ik0xMiAyMkMxNiAxOCAyMCAxNC40MTgzIDIwIDEwQzIwIDUuNTgxNzIgMTYuNDE4MyAyIDEyIDJDNy41ODE3MiAyIDQgNS41ODE3MiA0IDEwQzQgMTQuNDE4MyA4IDE4IDEyIDIyWiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgo8L3N2Zz4K); --img-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTYuMiAyMUg2LjkzMTM3QzYuMzI1NTUgMjEgNi4wMjI2NSAyMSA1Ljg4MjM4IDIwLjg4MDJDNS43NjA2OCAyMC43NzYzIDUuNjk2MDkgMjAuNjIwMyA1LjcwODY1IDIwLjQ2MDhDNS43MjMxMiAyMC4yNzY5IDUuOTM3MzEgMjAuMDYyNyA2LjM2NTY5IDE5LjYzNDNMMTQuODY4NiAxMS4xMzE0QzE1LjI2NDYgMTAuNzM1NCAxNS40NjI3IDEwLjUzNzMgMTUuNjkxIDEwLjQ2MzJDMTUuODkxOCAxMC4zOTc5IDE2LjEwODIgMTAuMzk3OSAxNi4zMDkgMTAuNDYzMkMxNi41MzczIDEwLjUzNzMgMTYuNzM1NCAxMC43MzU0IDE3LjEzMTQgMTEuMTMxNEwyMSAxNVYxNi4yTTE2LjIgMjFDMTcuODgwMiAyMSAxOC43MjAyIDIxIDE5LjM2MiAyMC42NzNDMTkuOTI2NSAyMC4zODU0IDIwLjM4NTQgMTkuOTI2NSAyMC42NzMgMTkuMzYyQzIxIDE4LjcyMDIgMjEgMTcuODgwMiAyMSAxNi4yTTE2LjIgMjFINy44QzYuMTE5ODQgMjEgNS4yNzk3NiAyMSA0LjYzODAzIDIwLjY3M0M0LjA3MzU0IDIwLjM4NTQgMy42MTQ2IDE5LjkyNjUgMy4zMjY5OCAxOS4zNjJDMyAxOC43MjAyIDMgMTcuODgwMiAzIDE2LjJWNy44QzMgNi4xMTk4NCAzIDUuMjc5NzYgMy4zMjY5OCA0LjYzODAzQzMuNjE0NiA0LjA3MzU0IDQuMDczNTQgMy42MTQ2IDQuNjM4MDMgMy4zMjY5OEM1LjI3OTc2IDMgNi4xMTk4NCAzIDcuOCAzSDE2LjJDMTcuODgwMiAzIDE4LjcyMDIgMyAxOS4zNjIgMy4zMjY5OEMxOS45MjY1IDMuNjE0NiAyMC4zODU0IDQuMDczNTQgMjAuNjczIDQuNjM4MDNDMjEgNS4yNzk3NiAyMSA2LjExOTg0IDIxIDcuOFYxNi4yTTEwLjUgOC41QzEwLjUgOS42MDQ1NyA5LjYwNDU3IDEwLjUgOC41IDEwLjVDNy4zOTU0MyAxMC41IDYuNSA5LjYwNDU3IDYuNSA4LjVDNi41IDcuMzk1NDMgNy4zOTU0MyA2LjUgOC41IDYuNUM5LjYwNDU3IDYuNSAxMC41IDcuMzk1NDMgMTAuNSA4LjVaIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+Cjwvc3ZnPgo=); --horn-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNSAxNkMyMC40MzMgMTYgMjIgMTMuMDg5OSAyMiA5LjVDMjIgNS45MTAxNSAyMC40MzMgMyAxOC41IDNNMTguNSAxNkMxNi41NjcgMTYgMTUgMTMuMDg5OSAxNSA5LjVDMTUgNS45MTAxNSAxNi41NjcgMyAxOC41IDNNMTguNSAxNkw1LjQ0MzU0IDEzLjYyNjFDNC41MTYwNSAxMy40NTc1IDQuMDUyMzEgMTMuMzczMSAzLjY3NzMzIDEzLjE4OUMyLjkxNDQ3IDEyLjgxNDIgMi4zNDYzNiAxMi4xMzM1IDIuMTE0MTQgMTEuMzE1OUMyIDEwLjkxNCAyIDEwLjQ0MjcgMiA5LjVDMiA4LjU1NzMgMiA4LjA4NTk1IDIuMTE0MTQgNy42ODQwN0MyLjM0NjM2IDYuODY2NDkgMi45MTQ0NyA2LjE4NTc3IDMuNjc3MzMgNS44MTEwNUM0LjA1MjMxIDUuNjI2ODUgNC41MTYwNSA1LjU0MjU0IDUuNDQzNTQgNS4zNzM5TDE4LjUgM001IDE0TDUuMzkzODYgMTkuNTE0QzUuNDMxMjYgMjAuMDM3NiA1LjQ0OTk2IDIwLjI5OTUgNS41NjM4NyAyMC40OTc5QzUuNjY0MTcgMjAuNjcyNiA1LjgxNDg5IDIwLjgxMjkgNS45OTYyOSAyMC45MDA1QzYuMjAyMzIgMjEgNi40NjQ4MSAyMSA2Ljk4OTc5IDIxSDguNzcyMkM5LjM3MjM0IDIxIDkuNjcyNDIgMjEgOS44OTQ1MSAyMC44ODAzQzEwLjA4OTcgMjAuNzc1MSAxMC4yNDQzIDIwLjYwODEgMTAuMzM0MiAyMC40MDU1QzEwLjQzNjUgMjAuMTc0OSAxMC40MTM1IDE5Ljg3NTcgMTAuMzY3NSAxOS4yNzczTDEwIDE0LjUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KPC9zdmc+Cg==); --edit-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTEgMTVIOEM2LjEzNjIzIDE1IDUuMjA0MzUgMTUgNC40NjkyNyAxNS4zMDQ1QzMuNDg5MTUgMTUuNzEwNSAyLjcxMDQ2IDE2LjQ4OTIgMi4zMDQ0OCAxNy40NjkzQzIgMTguMjA0NCAyIDE5LjEzNjIgMiAyMU0xNS41IDMuMjkwNzZDMTYuOTY1OSAzLjg4NDE1IDE4IDUuMzIxMzEgMTggN00xMS45OTk5IDIxLjVMMTQuMDI1IDIxLjA5NUMxNC4yMDE1IDIxLjA1OTcgMTQuMjg5OCAyMS4wNDIgMTQuMzcyMSAyMS4wMDk3QzE0LjQ0NTIgMjAuOTgxMSAxNC41MTQ3IDIwLjk0MzkgMTQuNTc5IDIwLjg5OUMxNC42NTE2IDIwLjg0ODQgMTQuNzE1MiAyMC43ODQ4IDE0Ljg0MjYgMjAuNjU3NEwyMS41IDE0QzIyLjA1MjQgMTMuNDQ3NyAyMi4wNTIzIDEyLjU1MjMgMjEuNSAxMkMyMC45NDc3IDExLjQ0NzcgMjAuMDUyMyAxMS40NDc3IDE5LjUgMTJMMTIuODQyNSAxOC42NTc1QzEyLjcxNTIgMTguNzg0OCAxMi42NTE2IDE4Ljg0ODQgMTIuNjAxIDE4LjkyMUMxMi41NTYxIDE4Ljk4NTMgMTIuNTE4OSAxOS4wNTQ4IDEyLjQ5MDIgMTkuMTI3OEMxMi40NTggMTkuMjEwMiAxMi40NDAzIDE5LjI5ODQgMTIuNDA1IDE5LjQ3NUwxMS45OTk5IDIxLjVaTTEzLjUgN0MxMy41IDkuMjA5MTQgMTEuNzA5MSAxMSA5LjUgMTFDNy4yOTA4NiAxMSA1LjUgOS4yMDkxNCA1LjUgN0M1LjUgNC43OTA4NiA3LjI5MDg2IDMgOS41IDNDMTEuNzA5MSAzIDEzLjUgNC43OTA4NiAxMy41IDdaIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+Cjwvc3ZnPgo=); --pen-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMi41IDIxLjQ5OThMOC4wNDkyNyAxOS4zNjU1QzguNDA0MjEgMTkuMjI5IDguNTgxNjggMTkuMTYwNyA4Ljc0NzcyIDE5LjA3MTZDOC44OTUyIDE4Ljk5MjQgOS4wMzU4IDE4LjkwMSA5LjE2ODA0IDE4Ljc5ODRDOS4zMTY5MiAxOC42ODI5IDkuNDUxMzcgMTguNTQ4NCA5LjcyMDI4IDE4LjI3OTVMMjEgNi45OTk4MkMyMi4xMDQ2IDUuODk1MjUgMjIuMTA0NiA0LjEwNDM4IDIxIDIuOTk5ODFDMTkuODk1NSAxLjg5NTI1IDE4LjEwNDYgMS44OTUyNCAxNyAyLjk5OTgxTDUuNzIwMjggMTQuMjc5NUM1LjQ1MTM4IDE0LjU0ODQgNS4zMTY5MiAxNC42ODI5IDUuMjAxMzkgMTQuODMxOEM1LjA5ODc3IDE0Ljk2NCA1LjAwNzQgMTUuMTA0NiA0LjkyODIzIDE1LjI1MjFDNC44MzkxMSAxNS40MTgxIDQuNzcwODUgMTUuNTk1NiA0LjYzNDMzIDE1Ljk1MDZMMi41IDIxLjQ5OThaTTIuNSAyMS40OTk4TDQuNTU4MTIgMTYuMTQ4OEM0LjcwNTQgMTUuNzY1OSA0Ljc3OTAzIDE1LjU3NDQgNC45MDUzNCAxNS40ODY3QzUuMDE1NzIgMTUuNDEwMSA1LjE1MjMgMTUuMzgxMSA1LjI4NDMgMTUuNDA2M0M1LjQzNTMzIDE1LjQzNTEgNS41ODAzOCAxNS41ODAyIDUuODcwNDggMTUuODcwM0w4LjEyOTU3IDE4LjEyOTRDOC40MTk2NyAxOC40MTk1IDguNTY0NzIgMTguNTY0NSA4LjU5MzU2IDE4LjcxNTVDOC42MTg3NyAxOC44NDc1IDguNTg5NzkgMTguOTg0MSA4LjUxMzE0IDE5LjA5NDVDOC40MjU0NSAxOS4yMjA4IDguMjMzOTkgMTkuMjk0NCA3Ljg1MTA3IDE5LjQ0MTdMMi41IDIxLjQ5OThaIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+Cjwvc3ZnPgo=); --close-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTggNkw2IDE4TTYgNkwxOCAxOCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgo8L3N2Zz4K); --close-icon:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTggNkw2IDE4TTYgNkwxOCAxOCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgo8L3N2Zz4K); --note-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJf44Os44Kk44Ok44O8XzEiIHZpZXdCb3g9IjAgMCA0OTMgNDkzIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4uY2xzLTF7ZmlsbDojMDQwMDAwO308L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMzkuNTcsMTQyLjA2YzQxLjE5LDAsOTcuNi0yLjA5LDEzOC4xLTEuMDQsNTQuMzQsMS4zOSw3NC43NiwyNS4wNiw3NS40NSw4My41My42OSwzMy4wNiwwLDEyNy43MywwLDEyNy43M2gtNTguNzljMC04Mi44My4zNS05Ni41LDAtMTIyLjYtLjY5LTIyLjk3LTcuMjUtMzMuOTItMjQuOS0zNi4wMS0xOC42OS0yLjA5LTcxLjA3LS4zNS03MS4wNy0uMzV2MTU4Ljk2aC01OC43OXYtMjEwLjIyWiI+PC9wYXRoPgo8L3N2Zz4K); --rss2-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNCAxMUM2LjM4Njk1IDExIDguNjc2MTMgMTEuOTQ4MiAxMC4zNjQgMTMuNjM2QzEyLjA1MTggMTUuMzIzOSAxMyAxNy42MTMxIDEzIDIwTTQgNEM4LjI0MzQ2IDQgMTIuMzEzMSA1LjY4NTcxIDE1LjMxMzcgOC42ODYyOUMxOC4zMTQzIDExLjY4NjkgMjAgMTUuNzU2NSAyMCAyME02IDE5QzYgMTkuNTUyMyA1LjU1MjI4IDIwIDUgMjBDNC40NDc3MiAyMCA0IDE5LjU1MjMgNCAxOUM0IDE4LjQ0NzcgNC40NDc3MiAxOCA1IDE4QzUuNTUyMjggMTggNiAxOC40NDc3IDYgMTlaIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+Cjwvc3ZnPgo=); --good-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjk5MzIgNS4xMzU4MUM5Ljk5MzggMi43OTg0IDYuNjU5NzUgMi4xNjk2NCA0LjE1NDY5IDQuMzEwMDFDMS42NDk2NCA2LjQ1MDM4IDEuMjk2OTcgMTAuMDI5IDMuMjY0MiAxMi41NjA0QzQuODk5ODIgMTQuNjY1MSA5Ljg0OTc3IDE5LjEwNDEgMTEuNDcyMSAyMC41NDA4QzExLjY1MzYgMjAuNzAxNiAxMS43NDQ0IDIwLjc4MTkgMTEuODUwMiAyMC44MTM1QzExLjk0MjYgMjAuODQxMSAxMi4wNDM3IDIwLjg0MTEgMTIuMTM2MSAyMC44MTM1QzEyLjI0MTkgMjAuNzgxOSAxMi4zMzI3IDIwLjcwMTYgMTIuNTE0MiAyMC41NDA4QzE0LjEzNjUgMTkuMTA0MSAxOS4wODY1IDE0LjY2NTEgMjAuNzIyMSAxMi41NjA0QzIyLjY4OTMgMTAuMDI5IDIyLjM3OTcgNi40Mjc4NyAxOS44MzE2IDQuMzEwMDFDMTcuMjgzNSAyLjE5MjE2IDEzLjk5MjUgMi43OTg0IDExLjk5MzIgNS4xMzU4MVoiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KPC9zdmc+Cg==); } html { -webkit-overflow-scrolling: touch } body { background: var(--cr100); font-family: "Helvetica Neue","arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Noto Sans JP", meiryo, sans-serif; line-height: 1.7; color: color-mix(in oklab, var(--cr800) 90%, transparent); letter-spacing: .02em; background-color: var(--cr100); } body, html { overflow-x: clip &::-webkit-scrollbar { height: 1rem; } &::-webkit-scrollbar-track { background: var(--cr200); } &::-webkit-scrollbar-thumb { background: var(--main-cr); border-radius: 1rem; } &::-webkit-scrollbar-button { display: none; } &::-webkit-scrollbar-track-piece:start, &::-webkit-scrollbar-track-piece:end { background-color: transparent; } } /* --- ネスト構文＋:is() --- */ a,.submit,.related-entry-card-title,.prev-post-title,.next-post-title { --tw-duration: .2s; transition-duration: .2s; text-underline-offset: 2px; &:is(.popular-entry-card-link, .bottom_rss_item) { &:hover { --tw-translate-y: calc(.25rem * -.5); translate: 0 calc(.25rem * -.5); } } } .list a.entry-card-wrap:hover, .multi-rss a:hover, .multi-rss2 a:hover, .related-list a:hover, .submit:hover { --tw-translate-y: calc(.25rem * -.5); translate: 0 calc(.25rem * -.5); } .breadcrumb a:hover, .article_comment_btn a:hover { text-decoration: none; color: var(--main-cr); } .site-fixed-logo-image, .fa, .far, .fas, .popular-entry-card-update-date { display: none; } :where( .menu-top li a, .content-top .widget_tag_cloud .widget-content-top-title, .widget_tag_cloud a, .search-submit, .entry-date, .post-comment-count, .content-bottom .widget_tag_cloud .widget-content-bottom-title, .widget_popular_entries .widget-title, .list-new-entries-title, .go-to-top-button, .content-bottom .widget-content-bottom-title, .prev.page-numbers, .next.page-numbers, .breadcrumb-home .breadcrumb-caption, .comment_btn, a.copy-button, div[class*="post-coment-box-reply"] .post-coment-name, .a_ad1_sm_title, a.x-corp-button, a.facebook-button, a.hatebu-button, a.bluesky-button, a.threads-button, a.line-button, .multi-rss-title, p.post-coment-name, p.original, .wp-element-caption, .article-footer .tag-link, .related-entry-heading, .comment-title, .fn, .comment-reply-link, .comment-reply-title, .sidebar-close, .widget_tag_cloud .widget-sidebar-title, .website-button, .rss-button )::before { content: ""; display: inline-block; width: 1.25rem; height: 1.25rem; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; mask-position: center center; -webkit-mask-size: 1.25rem; mask-size: 1.25rem; background-color: var(--cr400); } :where( .pagination-next a )::after { content: ""; display: inline-block; width: 1.25rem; height: 1.25rem; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; mask-position: center center; -webkit-mask-size: 1.25rem; mask-size: 1.25rem; background-color: var(--cr400); } .bottom_rss_site_name::after { content: "" } /* after系は別途 mask を指定 */ a.popular-entry-card-link .popular-entry-card-title, .list a.entry-card-wrap .entry-card-title, a.bottom_rss_item .bottom_rss_title { --tw-duration: .2s; transition-duration: .2s; } a.popular-entry-card-link:hover .popular-entry-card-title, .list a.entry-card-wrap:hover .entry-card-title, a.bottom_rss_item:hover .bottom_rss_title { color: var(--main-cr); --tw-duration: .2s; transition-duration: .2s; } /* --- ホバーで拡大 --- */ :is(.menu-top li a, .widget_tag_cloud a, .go-to-top-button, .pagination a, .sns-share-buttons a,.comment-reply-link,.wpulike-heart button.wp_ulike_btn) { transition: transform 0.2s ease; &:hover { transform: scale(1.07) } } .wrap { width: 100%; max-width: 76rem; margin-inline: auto; } .container { padding-inline: 1rem } .single .main { max-width: 48rem; margin-inline: auto } /************************************ ** ヘッダーナビ ************************************/ .navi { position: sticky; z-index: 50; top: 1.5rem; & .navi-in { padding: .25rem; border: 1px solid var(--cr200); background: var(--cr200); background-color: color-mix(in oklab, var(--cr50) 80%, transparent); -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); border-radius: 1rem; box-shadow: 0 4px 6px -4px color-mix(in oklab, var(--cr200) 70%, transparent); } } .menu-top { display: flex; justify-content: center; gap: .75rem; @media (max-width: 768px) { gap: 0; display: grid; grid-template-columns: repeat(4, 1fr); } & li { font-size: .75rem; font-weight: 600; & a { color: var(--cr800); display: flex; gap: .5rem; padding-block: .5rem; padding-inline: 1.5rem; flex-direction: row; align-items: center; @media (max-width: 768px) { flex-direction: column; font-size: 0.6875rem; padding-inline: .5rem; } } &:nth-child(1) a::before { -webkit-mask-image: var(--home-icon); mask-image: var(--home-icon) } &:nth-child(2) a::before { -webkit-mask-image: var(--japan-icon); mask-image: var(--japan-icon) } &:nth-child(3) a::before { -webkit-mask-image: var(--world-icon); mask-image: var(--world-icon) } &:nth-child(4) a::before { -webkit-mask-image: var(--search-icon); mask-image: var(--search-icon) } } } .header-container { margin-top: 3.25rem } .single .header-container { display: none } .header-in { padding-block: 5rem 4rem; padding-inline: 1.5rem; border: 1px solid var(--cr200); background: var(--cr50); display: flex; flex-direction: column; align-items: center; border-radius: 1rem; .single & { padding-block: 3rem 2rem } @media (max-width: 768px) { padding-block: 3rem; } } .site-logo-image { max-height: 2.25rem; .single & { max-height: 2rem } @media (max-width: 768px) { max-height: 2rem; } } a.site-name.site-name-text-link { font-size: 2.25rem; font-weight: 600; color: var(--cr800); } .tagline { font-weight: 600; margin-top: 1rem; color: var(--cr500); background: var(--cr200); border-radius: 5rem; font-size: .75rem; text-align: center; padding-block: calc(.25rem * 1.5); padding-inline: 1rem; letter-spacing: .1rem; @media (max-width: 768px) { font-size: 0.6875rem; } } /************************************ ** コンテンツトップ（人気記事） ************************************/ .content-top { margin-block: 3rem } :is(.widget_popular_entries .widget-title, .list-new-entries-title, .content-bottom .widget-content-bottom-title)::before { -webkit-mask-image: var(--award-icon); mask-image: var(--award-icon); width: 1.5rem; height: 1.5rem; -webkit-mask-size: 1.5rem; mask-size: 1.5rem; background-color: var(--cr400); } a.popular-entry-card-link { padding-block: 1.5rem; padding-inline: 1.5rem; background: var(--cr50); border-radius: 1rem; border: 1px solid var(--cr200); border-bottom-width: 2px; counter-increment: num; position: relative; } .widget_popular_entries { & .popular-entry-card-link::before { content: counter(num); position: absolute; top: 2rem; left: 2rem; width: 2.25rem; height: 2.25rem; display: flex; justify-content: center; align-items: center; font-size: rem; font-weight: 700; border-radius: 1rem; background: var(--cr200); color: var(--cr500); z-index: 1; } & .popular-entry-card-link:nth-child(1)::before { color: var(--cr50);background: oklch(0.78 0.1 89.65) } & .popular-entry-card-link:nth-child(2)::before { color: var(--cr50);background: oklch(0.7 0.04 214.61) } & .popular-entry-card-link:nth-child(3)::before { color: var(--cr50);background: var(--sub-cr) } } .popular-entry-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; counter-reset: rank; @media (max-width: 768px) { grid-template-columns: repeat(1,1fr); } } .popular-entry-card-thumb { margin-block: 0 1rem; & img { border-radius: 1rem;width: 100%; } } .popular-entry-card-title { margin-bottom: 1rem; font-size: .875rem; color: var(--cr800); font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .popular-entry-card-meta { padding-block: 1rem 0; border-top: 1px solid var(--cr200); } /************************************ ** コンテンツ（一覧） ************************************/ .content-in { margin-block: 3rem } .single .content-in { margin-block: 5rem 3rem } .list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-block: 0 3rem; & a.entry-card-wrap { padding-block: 1.5rem; padding-inline: 1.5rem; border: 1px solid var(--cr200); background: var(--cr50); border-radius: 1rem; display: block; color: var(--cr800); border-bottom-width: 2px; } @media (max-width: 768px) { grid-template-columns: repeat(1, 1fr); } } .list-category-49,.list-category-50 { display: none;} .list-new-entries-title, .widget-content-top-title, .archive-title { font-size: 1.125rem; margin-bottom: 1.5rem; display: flex; align-items: center; gap: .5rem; } .list-new-entries-title::before { -webkit-mask-image: var(--new-icon); mask-image: var(--new-icon) } .cat-label { display: none } .entry-card { display: flex; flex-wrap: wrap; flex-direction: row; gap: 1rem; & .entry-card-title { font-size: 1.0625rem; margin-block: 0 1rem; @media (max-width: 768px) { font-size: 0.9375rem; } } & .entry-card-snippet { font-size: .75rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: var(--cr500); } & .entry-card-thumb { width: 6rem;@media (max-width: 480px) {width: 5rem;} } & .entry-card-content { flex: 1 } & .entry-card-meta { width: 100% } } img.entry-card-thumb-image { aspect-ratio: 1 / 1; border-radius: 1rem; } .entry-card-info { display: flex; padding-block: 1rem 0; border-top: 1px solid var(--cr200); justify-content: space-between; } .entry-category { padding-inline: calc(.25rem * 2.5); height: calc(.25rem * 7); background-color: var(--cr100); color: var(--cr600); border-radius: 1.5rem; font-size: .75rem; border: 1px solid var(--cr300); border-width: 1px; display: flex; align-items: center; font-weight: 700; } .entry-card-time-cm, .eh_date { display: flex; align-items: center; gap: 1rem } .entry-date, .post-comment-count, .comment_btn { display: flex; align-items: center; gap: .5rem; font-size: .875rem; color: var(--cr400); &::before { width: 1.125rem; height: 1.125rem; -webkit-mask-size: 1.125rem; mask-size: 1.125rem; background-color: var(--cr400) } } .article-header { & :where(.entry-date, .comment_btn) { color: var(--cr500) } & :is(.entry-date, .comment_btn)::before { color: var(--cr500) } } .entry-date::before { -webkit-mask-image: var(--time-icon); mask-image: var(--time-icon) } :is(.post-comment-count, .comment_btn)::before { -webkit-mask-image: var(--comment-icon); mask-image: var(--comment-icon) } /************************************ ** 個別記事 ************************************/ .entry-title { font-size: 1.5rem; padding-block: 0 1rem; border-bottom: 1px solid var(--cr300); margin-block: 0 1rem; @media (max-width: 480px) { font-size: 1.25rem; } } .article_comment_btn a { color: var(--800);text-decoration: underline } .article_header_img { position: relative; margin-block: 2rem 1rem } .eye-catch-wrap img { border-radius: 1rem } .pr-label { position: absolute; bottom: 1rem; right: 1rem; border: 1px solid color-mix(in oklab, var(--cr700) 20%, transparent); background: var(--cr200); background-color: color-mix(in oklab, var(--cr600) 20%, transparent); -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); border-radius: 1rem; color: var(--cr100); font-size: .6rem; padding-block: .25rem; padding-inline: .5rem; letter-spacing: .02rem; } .post_date_socal { display: flex; justify-content: center } .sns-share-buttons { display: inline-flex; gap: .25rem; padding-block: .25rem; padding-inline: .5rem; background: var(--cr200); border-radius: 2rem; border: 1px solid var(--cr300); box-shadow: 0 4px 6px -4px color-mix(in oklab, var(--cr200) 70%, transparent); & a { display: flex; width: 2.5rem; height: 2.5rem; background: var(--cr50); border: 1px solid var(--cr300); align-items: center; justify-content: center; border-radius: 1rem; cursor: pointer; border-bottom-width: 2px; /* 各SNSアイコンのバリエーションも :is() で共通指定＋個別上書き */ &::before { width: 1rem; height: 1rem; -webkit-mask-size: 1rem; mask-size: 1rem } } } :is(.button-caption, .icon-x-corp, .icon-facebook, .icon-hatena, .icon-copy, .icon-bluesky, .icon-threads, .icon-line) { display: none } a.x-corp-button::before { -webkit-mask-image: var(--X-icon); mask-image: var(--X-icon); background: oklch(0% 0 none) } a.facebook-button::before { -webkit-mask-image: var(--facebook-icon); mask-image: var(--facebook-icon); background: oklch(56.41% 0.240 261.11); width: 1.35rem; height: 1.35rem; -webkit-mask-size: 1.35rem; mask-size: 1.35rem; } a.hatebu-button::before { -webkit-mask-image: var(--hatena-icon); mask-image: var(--hatena-icon); background: oklch(67.59% 0.139 232.78); width: 1.15rem; height: 1.15rem; -webkit-mask-size: 1.15rem; mask-size: 1.15rem; } a.copy-button::before { -webkit-mask-image: var(--copy-icon); mask-image: var(--copy-icon); background: var(--cr700) } a.bluesky-button::before { -webkit-mask-image: var(--bluesky-icon); mask-image: var(--bluesky-icon); background: oklch(62.62% 0.203 255.39) } a.threads-button::before { -webkit-mask-image: var(--threads-icon); mask-image: var(--threads-icon); background: oklch(16.38% 0 none); width: 1rem; height: 1.15rem; -webkit-mask-size: 1rem; mask-size: 1rem; } a.line-button::before { -webkit-mask-image: var(--line-icon); mask-image: var(--line-icon); background: oklch(72.44% 0.205 148.64) } .copy-info { position: fixed; display: none; inset: 50% auto auto 50%; z-index: 99999; padding: .75rem 1.25rem; border: 1px solid var(--cr200); border-radius: .75rem; background: color-mix(in oklab, var(--cr50) 90%, transparent); color: var(--cr800); font-size: .875rem; white-space: nowrap; transform: translate(-50%, -50%); box-shadow: 0 8px 24px rgb(0 0 0 / 12%); -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); } /************************************ ** 個別記事 - 文字・装飾 ************************************/ .entry-content { margin-block: 4rem 0; & a { color: oklch(42.6% 0.071 216.04); text-decoration: underline; &:hover { color: var(--main-cr); } } & p { font-size: 1.125rem; margin-block: 1.5rem; &:last-child { margin-block-end: 0rem; } & a { text-decoration: underline } @media (max-width: 768px) { font-size: 1.0625rem;} @media (max-width: 480px) { font-size: 1rem;} } & ul,ol { margin-block: 0 1.5rem; margin-inline: 2rem 0; } & ul { list-style-type: disc; & li { font-size: 1rem; &::marker { color: var(--cr700); font-size: 1.5rem; } } } & h2 { margin-block: 4rem 2.5rem; position: relative; border-bottom: 2px solid var(--cr300); color: var(--cr700); padding-block: .5rem .25rem; padding-inline: 1.5rem; font-size: 1.45rem; @media (max-width: 480px) {font-size: 1.25rem;padding-inline: 1.425rem;} &::before { position: absolute; top: 0; left: .5rem; transform: rotate(55deg); height: .75rem; width: .75rem; background: var(--cr600); content: ''; @media (max-width: 480px) {height: .65rem; width: .65rem;} } &::after { position: absolute; transform: rotate(15deg); top: .875rem; left: 0; height: .5rem; width: .5rem; background: var(--cr400); content: ''; @media (max-width: 480px) {height: .425rem; width: .425rem;} } } & h3.wp-block-heading { margin-block: 3rem 2rem; font-size: 1.25rem; display: flex; align-items: center; background: var(--cr200); border-radius: 1rem; padding-block: .5rem; padding-inline: .875rem; @media (max-width: 480px) { font-size: 1.15rem; } &::before { content: ""; height: 2rem; width: .5rem; background: var(--cr600); display: block; border-radius: .5rem; margin-inline: 0 .875rem; } /* h3の直後のdiv内iframeのみ */ & + div iframe { margin-block: 0 2rem } } & h4 { padding-block: .25rem; padding-inline: 1rem; border-left: .25rem solid var(--cr300); font-size: 1.25rem; margin-block: 0rem 2rem; @media (max-width: 480px) { font-size: 1.125rem; } } & iframe { margin-block: 0 1.5rem !important;width: 100%; } & .wp-block-image { & a { display: block; } } & hr { border: inherit; display: flex; justify-content: center; margin-block: 4rem 3rem; &::after { content: ""; font-size: 1.5rem; height: 1px; width: 100%; background: var(--cr300); display: block; border-radius: 1rem; } } & .re_link { font-size: 1rem; margin-top: 2rem; margin-inline: 0; & li { margin-inline: 2rem 0; } & a { display: block; font-size: .875rem; line-height: 2; } &::before { content: "関連記事"; display: inline-flex; margin-block: 0 .5rem; padding-block: .25rem; padding-inline: 1rem; font-size: .875rem; background: var(--cr200); border-radius: 1rem; font-weight: 600; } } & .twitter-tweet-rendered:has(+ h3.wp-block-heading) { margin-block-end: 0 !important; } } .wp-block-image { margin-block: 2rem !important; & img { border-radius: 1rem; } & .wp-element-caption { margin-block: .5rem 0; margin-inline: .25rem 0; font-size: .75rem; color: var(--cr500); display: flex; align-items: center; gap: .25rem; flex-wrap: wrap; &::before { -webkit-mask-image: var(--img-icon); mask-image: var(--img-icon); width: .875rem; height: .875rem; -webkit-mask-size: .875rem; mask-size: .875rem; background: var(--cr400); } } } .twitter-tweet.twitter-tweet-rendered { margin-block: 0 !important; margin-inline: auto } .red { color: oklch(0.58 0.19 36.05);color: oklch(0.59 0.15 36.32);} .bold { font-weight: 600;} .bold-red { color: oklch(0.58 0.19 36.05); color: oklch(0.59 0.15 36.32);font-weight: 600 } :root :where(.is-layout-constrained) > * { margin-block-start: 0; margin-block-end: 0 } .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: inherit } /* --- アドセンス --- */ .a_ad1 { margin-block: 3rem 0; padding-block: 1rem 1.5rem; padding-inline: 2rem; background: var(--cr50); border: 1px solid var(--cr200); border-radius: 1rem; & .a_ad1_sm_title { font-size: .75rem; margin-block: 0 1rem; display: flex; justify-content: center; font-weight: 600; color: var(--cr500); align-items: center; gap: .5rem; &::before { -webkit-mask-image: var(--ad-icon); mask-image: var(--ad-icon); width: 1.25rem; height: 1.25rem; -webkit-mask-size: 1rem; mask-size: 1.25rem; background: var(--cr500); } } } .block-box { margin-block: 2rem 0; padding-block: 1.5rem; padding-inline: 1.5rem; background: var(--cr50); border: 1px solid var(--cr200); border-radius: 1rem; font-size: .875rem; & p { margin: 0; font-size: .875rem; color: var(--cr600) } div[class*="post-coment-box-reply"] & { border: 1px solid color-mix(in oklab, var(--cr300) 90%, transparent); } } p.original { font-size: .875rem; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; &::before { -webkit-mask-image: var(--original-icon); mask-image: var(--original-icon); width: 1.125rem; height: 1.125rem; -webkit-mask-size: 1.125rem; mask-size: 1.125rem; background: var(--cr400); } } /* --- Amazon（旧） --- */ .amazon_ad_box { display: flex; flex-direction: row; border-radius: .5rem; overflow: hidden; align-items: center; margin: 2rem 0 2.5rem; justify-content: center; background: #fff; padding: 2rem; & .amazon_ad_img { flex-shrink: 0; flex-basis: 10rem; height: 100%; max-width: 10rem; & img { width: 100%; height: 100%; object-fit: cover; padding: 0 } } & .amazon_ad_info { padding: 0 0rem 0 1.5rem; width: 100% } & .amazon_ad_title { margin-bottom: .5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 1.25rem; font-weight: 700; } & .amazon_ad_description { display: grid; gap: .25rem; & p { margin: 0; color: var(--text-light); font-size: .75rem !important; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } } & .amazon_ad_buttons { margin-top: .5rem; display: grid; gap: .25rem; & a { padding: .5rem 1rem; background: #fb890f; color: #fff; text-decoration: none; display: block; border-radius: 4px; font-size: 1rem; font-weight: 700; text-align: center; } } } a.amazon_ad_title_link { color: var(--text); text-decoration: none } /* --- Amazon（新） --- */ .az_ad { margin-block: 0 2rem; & a { display: flex; width: 100%; border: 1px solid var(--cr300); border-radius: 1rem; background: var(--cr50); flex-direction: row-reverse; justify-content: space-between; text-decoration: none; @media (max-width: 768px) { flex-direction: column; align-items: center; } } & .az_ad_img { display: flex; width: 14rem; height: 14rem; padding: 16px; justify-content: center; border-left: 1px solid color-mix(in oklab, var(--cr200) 50%, transparent); @media (max-width: 768px) { border: none; border-bottom: 1px solid color-mix(in oklab, var(--cr200) 50%, transparent); width: 100%; } } & .az_ad_data { display: grid; padding: 1.5rem; align-content: center; gap: 1rem; flex: 1 } & .az_ad_title { font-size: 1.125rem; font-weight: 600; color: var(--cr800); @media (max-width: 768px) {text-align: center;} } & .az_ad_price { font-weight: 600; color: var(--cr800); font-size: 1rem;@media (max-width: 768px) {text-align: center;} } & .az_ad_price_deco { font-size: .75rem; font-weight: 400 } & .az_ad_price_data { font-size: .75rem; margin-left: .5rem; color: var(--cr400); font-weight: 400 } & .az_ad_button { padding-block: .5rem; padding-inline: 1rem; background: oklch(0.89 0.18 95.32); color: var(--cr700); border-radius: 1rem; font-size: .75rem; text-align: center; font-weight: 600; border: 1px solid var(--cr700); border-bottom-width: 2px; } } /* アコーディオン */ .toggle-wrap { position: relative; border: none; padding: 0; border-radius: 0; display: flex; flex-direction: column-reverse; & .toggle-checkbox { position: absolute; opacity: 0; pointer-events: none; } /* コンテンツ：閉じてる時は10remまでしか見えない */ & .toggle-content { max-height: 10rem; overflow: hidden; & p { margin-block: 0 1.5rem; font-size: 1.0625rem; } } & .toggle-checkbox:checked ~ .toggle-content { max-height: none; overflow: visible; padding-block: 0 2rem; } /* 開閉ボタン（変更なし） */ & .toggle-button { display: flex; align-items: center; justify-content: center; width: 100%; padding-block: .5rem; padding-inline: 1rem; box-sizing: border-box; background: var(--cr50); color: var(--cr500); font-size: 1rem; font-weight: 600; cursor: pointer; transition: background-color .2s ease, color .2s ease; border: 1px solid var(--cr300); border-radius: 1rem; &:hover { background: var(--cr100); color: var(--main-cr); } &::after { content: ""; width: .45rem; height: .45rem; margin-left: .7rem; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .25s ease; } } & .toggle-checkbox:checked + .toggle-button::after { transform: rotate(225deg); } & .toggle-checkbox:checked + .toggle-button { background: var(--cr100); } } /************************************ ** 個別記事 - 海外の反応コメント ** @scope でこのコンポーネントの中だけにスタイルを閉じる ************************************/ @scope (h2 + .post-coment-box) { :scope { margin-block: 0rem; padding-block: 1.5rem; padding-inline: 1.5rem; border: none; background-color: var(--cr50); border: 1px solid var(--cr300); border-radius: 1rem; } } p.post-coment-name { font-weight: 700; margin-block: 0 2rem; font-size: .875rem; background: var(--main-cr); padding-inline: .875rem; padding-block: .5rem; border-radius: 1rem; display: inline-flex; position: relative; color: #fff; align-items: center; gap: .5rem; & + p { margin-block-start: 0; } &::before { -webkit-mask-image: var(--world-icon); mask-image: var(--world-icon); width: 1.125rem; height: 1.125rem; -webkit-mask-size: 1.125rem; mask-size: 1.125rem; background: var(--cr50); margin-block: 0 2px; } @media (max-width: 480px) { font-size: 0.8125rem;} } .post-coment-box { margin-block: 3rem; padding-block: 2.5rem 0; border-top: 1px solid var(--cr300); & iframe, .twitter-tweet-rendered { margin-block-end: 0 !important; width: 100%; } & .post-coment-name:has(+ h3.wp-block-heading) { margin-block: 0; } &:has(+ .post-coment-box-reply1) { margin-block-end: 2.5rem; } & h4 + .wp-block-cocoon-blocks-toggle-box-1 { & .wp-block-image { margin-block-start: 0 !important; } } } .post-coment-content { & p:has(+ .twitter-tweet.twitter-tweet-rendered) { margin-block-end: 2rem; } &:has(+ .twitter-tweet) { & > p:last-child { margin-block-end: 2rem; } } } /* --- 返信ボックス1〜4 --- */ div[class*="post-coment-box-reply"] { margin-inline: calc(var(--reply-level) * 1rem) 0; border: 1px solid var(--cr300); margin-block: 2rem 0; padding-inline: 1.5rem; padding-block: 1.5rem; border-radius: 1rem; background: color-mix(in oklab, var(--cr200) calc(50% + var(--reply-level) * 15%), transparent); & .post-coment-name::before { -webkit-mask-image: var(--reply-icon); mask-image: var(--reply-icon); width: 1.125rem; height: 1.125rem; -webkit-mask-size: 1.125rem; mask-size: 1.125rem; background: var(--cr50); margin-block: 0 2px; } } .post-coment-box-reply1 { --reply-level: 1 } .post-coment-box-reply2 { --reply-level: 2 } .post-coment-box-reply3 { --reply-level: 3 } .post-coment-box-reply4 { --reply-level: 4 } /* 旧仕様（未使用の可能性があるので維持だけしておく） */ span.badge,span.badge-pink { background: var(--main-cr); padding: .5rem 1rem; border-radius: 1rem; color: var(--cr50); font-weight: 600; margin-bottom: 1.5rem; display: block; font-size: .875rem; margin-top: 4rem; } /************************************ ** 個別記事 - 記事内RSSフィード ************************************/ .multi-rss, .multi-rss2 { margin-block: 3rem 3rem; position: relative; & .multi-rss-title { font-size: 1rem; display: inline-flex; align-items: center; gap: .5rem; background: var(--cr100); margin-block: 0 1.5rem !important; &::before { -webkit-mask-image: var(--rss-icon); mask-image: var(--rss-icon) } } & ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; list-style: none; margin: 0; @media (max-width: 768px) { grid-template-columns: repeat(2, 1fr); } } & a { padding-block: 1.5rem; padding-inline: 1.5rem; border: 1px solid var(--cr200); background: var(--cr50); border-radius: 1rem; display: block; border-bottom-width: 2px; color: var(--cr800); font-size: .875rem; font-weight: 600; position: relative; height: 100%; &:hover { color: var(--main-cr) } @media (max-width: 480px) { font-size: 0.8125rem; } &::before { position: absolute; right: .5rem; bottom: .5rem; -webkit-mask-image: var(--link-icon); mask-image: var(--link-icon); width: 1rem; height: 1rem; -webkit-mask-size: 1rem; mask-size: 1rem; background: var(--cr400); } } & span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; @media (max-width: 480px) { -webkit-line-clamp: 4; } } } /* 記事下 */ .multi-rss2 { & .multi-rss-title { font-size: 1.125rem; margin-block: 0 1.5rem !important; position: static; padding-inline: 0; &::before { width: 1.5rem; height: 1.5rem; -webkit-mask-size: 1.5rem; mask-size: 1.5rem; } } & ul { grid-template-columns: repeat(3, 1fr); gap: 1rem; @media (max-width: 768px) { grid-template-columns: repeat(2, 1fr); } } & span { -webkit-line-clamp: 3; } } /************************************ ** 個別記事 - フッター ************************************/ .article-footer { margin-top: 1.5rem; & .widget-below-sns-buttons { margin-block: 3rem; } & .entry-categories-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem .5rem; & a:hover .tag-link:before { background: var(--cr-main); } & a { color: oklch(42.6% 0.071 216.04); text-decoration: underline; font-size: .875rem; font-weight: 600; &:hover,:hover { color: var(--cr-main); } } & .entry-categories { display: flex; align-items: center; & a { } &::after { content: ""; width: 1px; height: 1rem; margin-inline: 1rem .5rem; rotate: 25deg; background: var(--cr300); display: inline-block; } } & .entry-tags { display: flex; gap: 1rem; flex-wrap: wrap; & .tag-link { display: inline-flex; align-items: center; &::before { -webkit-mask-image: var(--tag-icon); mask-image: var(--tag-icon); width: 1rem; height: 1rem; -webkit-mask-size: 1rem; mask-size: 1rem; background-color: oklch(0.43 0.07 215.58); margin-inline: 0 .25rem; } } } } & .sns-share { display: flex; flex-direction: column; align-items: center; margin-block: 3rem 0; & .sns-share-message { font-weight: 600; font-size: 1.25rem; margin-block: .5rem; display: flex; align-items: center; &::before, &::after { content: ""; width: 2px; height: 1.25rem; background: var(--cr300); display: inline-block; } &::before { transform: rotate(-35deg); margin-right: 2rem; } &::after { transform: rotate(35deg); margin-left: 2rem; } } & .sns-share-buttons { background: inherit; box-shadow: inherit; border: inherit; & a { height: 2.5rem; border-bottom-width: 2px; } } } & .widget_author_box { border: 1px solid var(--cr300); margin-block: 3rem; padding: 1.5rem; border-radius: 1rem; & .widget-title { border-left: 4px solid var(--cr300); padding-inline: 1rem 0; margin-bottom: 1.5rem; font-weight: 600; font-size: 1.125rem; } & .author-box { display: flex; gap: 1.5rem; } & figure { } & img { border-radius: 100%; width: 5rem; } & .author-content { flex: 1; } & .author-name { margin-bottom: .5rem; & a { font-weight: 600; color: var(--cr800); font-size: 1rem; } } & .author-description { & p { font-size: .875rem; margin-bottom: .5rem; } } & .profile-follows { } & .sns-follow-message, & .icon-x-corp-logo, & .feedly-button, & .icon-home-logo, & .icon-rss-logo { display: none; } & .sns-follow-buttons { display: flex; align-items: center; gap: 1rem; & .rss-button { &::before { width: 1.5rem; height: 1.5rem; -webkit-mask-size: 1.5rem; mask-size: 1.5rem; -webkit-mask-image: var(--rss2-icon); mask-image: var(--rss2-icon); background: var(--cr800); } } & .website-button { &::before { width: 1.65rem; height: 1.65rem; -webkit-mask-size: 1.5rem; mask-size: 2.75rem; -webkit-mask-image: var(--note-icon); mask-image: var(--note-icon); background: var(--cr800); } } } } & .footer-meta { display: none; } } /* 関連記事 */ .related-entries { margin-block: 3rem; & .related-entry-heading { font-size: 1.125rem; display: flex; align-items: center; gap: .5rem; margin-block: 0 1.5rem; &::before { width: 1.5rem; height: 1.5rem; -webkit-mask-size: 1.5rem; mask-size: 1.5rem; -webkit-mask-image: var(--horn-icon); mask-image: var(--horn-icon); } & .related-entry-main-heading { } } & .related-list { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-block: 0 1.5rem; &::-webkit-scrollbar { height: 1rem; } &::-webkit-scrollbar-track { background: var(--cr200); border-radius: 1rem; } &::-webkit-scrollbar-thumb { background: var(--main-cr); border-radius: 1rem; } &::-webkit-scrollbar-button { display: none; } &::-webkit-scrollbar-track-piece:start, &::-webkit-scrollbar-track-piece:end { background-color: transparent; } & .related-entry-card-wrap { border: 1px solid var(--cr200); border-radius: 1rem; overflow: hidden; border-bottom-width: 2px; background: var(--cr50); flex: 0 0 10.625rem; scroll-snap-align: start; &:hover .related-entry-card-title { color: var(--main-cr) !important; } & .related-entry-card { & .related-entry-card-thumb { & img { width: 100%; } } & .related-entry-card-content { padding-block: 1rem; padding-inline: 1rem; & .related-entry-card-title { font-size: 0.8125rem; color: var(--cr800); font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } } } } } } /* 人気記事 */ .widget-below-related-entries-title,.comment-title { font-size: 1.125rem;margin-block: 0 1rem;display: flex;align-items: center;gap: .5rem;} .widget-below-related-entries { margin-block: 3rem; & .popular-entry-cards { grid-template-columns: repeat(2, 1fr); @media (max-width: 480px) { grid-template-columns: repeat(1, 1fr) } } } /* コメント */ .comment-area { margin-block: 3rem; border: 1px solid var(--cr300); margin-block: 3rem; border-radius: 1rem; background: color-mix(in oklab, var(--cr50) 60%, transparent); overflow: hidden; & .comment-title { padding-block: 1.5rem; padding-inline: 1.5rem; margin: 0; &::before { width: 1.5rem; height: 1.5rem; -webkit-mask-size: 1.5rem; mask-size: 1.5rem; -webkit-mask-image: var(--comment-icon); mask-image: var(--comment-icon); } } /* コメント一覧 */ & .comment-list { & .comment-body { padding-block: 1.5rem; padding-inline: 1.5rem; position: relative; & img.avatar, .says { display: none; } & .url { color: var(--main-cr); } & .fn { font-size: .875rem; font-weight: 600; font-style: inherit; display: flex; align-items: center; gap: .25rem; color: var(--main-cr); &::before { width: 1rem; height: 1rem; -webkit-mask-size: 1rem; mask-size: 1rem; -webkit-mask-image: var(--world-icon); mask-image: var(--world-icon); margin-block: 0 2px; } } .commentmetadata { font-size: .75rem; & a { color: var(--cr500); } & .comment-edit-link { color: var(--cr800); text-decoration: underline; } } & .comment-content { margin-block: 0; & p { margin-block: .875rem 0; font-size: 0.9375rem; } & .wpulike { position: absolute; padding: 0; display: inline-block; bottom: 1.5rem; left: 6.75rem; & p { margin: 0 !important; } & .wpulike-heart .wp_ulike_general_class { box-shadow: inherit; border: none; } } } & .reply { margin-block: 1.5rem 0; .comment-reply-link { font-size: .8125rem; height: 1.85rem; padding-inline: .875rem; border: 1px solid var(--cr300); border-radius: 1rem; color: var(--cr500); display: inline-flex; align-items: center; gap: .25rem; &::before { width: 1rem; height: 1rem; -webkit-mask-size: 1rem; mask-size: 1rem; -webkit-mask-image: var(--reply-icon); mask-image: var(--reply-icon); background: var(--cr500); } } } } & li.comment { border-top: 1px solid var(--cr200); } & ul.children { border-top: 1px solid var(--cr200); padding-inline: 1.5rem 0; li { border: none; border-left: 1px solid var(--cr200); } & .fn { &::before { -webkit-mask-image: var(--reply-icon); mask-image: var(--reply-icon); } } } } /* コメントフォーム */ & .comment-respond { padding-block: 1.5rem; padding-inline: 1.5rem; border-top: 1px solid var(--cr300); & .logged-in-as, .comment-notes, .comment-information-messag { margin-bottom: 1rem; font-size: 0.8125rem; & a { color: oklch(42.6% 0.071 216.04); text-decoration: underline; } } & .comment-form-email, .comment-form-url, .comment-form-cookies-consent, .comment-notes{ display: none; } & .comment-reply-title { font-size: 1rem; margin-block: 0 1rem; display: flex; align-items: center; gap: .5rem; &::before { width: 1.25rem; height: 1.25rem; -webkit-mask-size: 1.25rem; mask-size: 1.25rem; -webkit-mask-image: var(--pen-icon); mask-image: var(--pen-icon); background: var(--cr400); } & small { align-self: flex-end; a { color: oklch(42.6% 0.071 216.04); text-decoration: underline; } } } & .comment-form-comment { & label { display: none; } & textarea { border: 1px solid var(--cr300); border-radius: 1rem; width: 100%; padding: 1rem; } } & .comment-form-author { display: flex; align-items: center; background: var(--cr100); border: 1px solid var(--cr300); padding: .25rem; border-radius: 1rem; & label { padding-inline: .5rem; font-weight: 600; } & input { flex: 1; border: 1px solid var(--cr300); border-radius: 1rem; padding-block: .25rem; padding-inline: 1rem; width: 100%; } } & .form-submit { margin-block: 1rem 0; display: flex; justify-content: center; .submit { background: var(--cr200); color: var(--cr800); border: none; padding: .5rem; width: 100%; border: 1px solid var(--cr400); border-radius: 1rem; border-bottom-width: 2px; max-width: 20rem; cursor: pointer; font-weight: 700; font-size: .875rem; } } } } /* 前後の記事 */ .pager-post-navi { display: flex; border: 1px solid var(--cr200); overflow: hidden; border-radius: 1rem; border-bottom-width: 2px; @media (max-width: 480px) { flex-direction: column;} & .prev-post-thumb, .next-post-thumb { } & img { aspect-ratio: 1 / 1; width: 4rem; border-radius: 1rem; } & .a-wrap { display: flex; flex-wrap: wrap; background: var(--cr50); padding-block: 1.5rem; padding-inline: 1.5rem; gap: .5rem 1rem; width: 100%; &:hover { & .prev-post-title, .next-post-title { color: var(--main-cr); } } } .prev-post, .next-post { &::before { width: 100%; font-size: .75rem; color: var(--cr500); font-weight: 600; } } & .prev-post { flex-direction: row; &::before { content: "\524D\306E\8A18\4E8B"; text-align: left; @media (max-width: 480px) { text-align: center;} } } & .next-post { flex-direction: row-reverse; border-left: 1px solid var(--cr200); @media (max-width: 480px) { border: none; border-top: 1px solid var(--cr200);} &::before { content: "\6B21\306E\8A18\4E8B"; text-align: right; @media (max-width: 480px) { text-align: center;} } } & .prev-post-title, .next-post-title { font-size: .875rem; color: var(--cr800); flex: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-weight: 600; } } /************************************ ** ページネーション ************************************/ .pagination-next, .pagination { display: flex; justify-content: center; gap: .5rem } .pagination-next a { font-size: .875rem; font-weight: 600; background: var(--cr50); position: relative; color: var(--cr800); border: 1px solid var(--cr200); padding-block: .5rem; padding-inline: 1rem .75rem; display: flex; border-radius: 1.5rem; align-items: center; gap: .5rem; &::after { -webkit-mask-image: var(--arrow-right-icon); mask-image: var(--arrow-right-icon); width: 1rem; height: 1rem; -webkit-mask-size: 1rem; mask-size: 1rem } } .prev.page-numbers::before { -webkit-mask-image: var(--arrow-left-icon); mask-image: var(--arrow-left-icon); width: 1rem; height: 1rem; -webkit-mask-size: 1rem; mask-size: 1rem } .next.page-numbers::before { -webkit-mask-image: var(--arrow-right-icon); mask-image: var(--arrow-right-icon); width: 1rem; height: 1rem; -webkit-mask-size: 1rem; mask-size: 1rem } .pagination { margin-block: 1rem; & a, & .page-numbers.current { height: 2.5rem; width: 2.5rem; display: flex; justify-content: center; align-items: center; border-radius: 1rem; font-weight: 600; color: var(--cr700); } & a { background: var(--cr50); border: 1px solid var(--cr200); border-bottom-width: 2px } & .page-numbers.current { background: var(--cr700); color: var(--cr50) } & .page-numbers.dots { font-weight: 600; color: var(--cr500) } } .breadcrumb { display: inline-flex; margin-block: 0 2rem; & a { color: var(--cr800); font-size: .875rem; font-weight: 600; text-decoration: underline } & .breadcrumb-home { display: flex; align-items: center; & .breadcrumb-caption { display: flex; align-items: center; gap: .5rem; &::before { -webkit-mask-image: var(--home-icon); mask-image: var(--home-icon); width: 1.125rem; height: 1.125rem; -webkit-mask-size: 1.125rem; mask-size: 1.125rem; margin-block: 0 2px; } } &::after { -webkit-mask-image: var(--arrow-right-icon); mask-image: var(--arrow-right-icon); width: 1.125rem; height: 1.125rem; -webkit-mask-size: 1.125rem; mask-size: 1.125rem; margin-inline: .5rem; } } & .breadcrumb-item { display: flex; align-items: center; &:before { content:"";width: 1px;height: 1em;margin-inline: 1rem;rotate: 25deg;background: var(--cr300)} & .breadcrumb-item a { font-size: .875rem; display: flex; align-items: center } & div:nth-child(3) .breadcrumb-item { font-size: .75rem } } } /************************************ ** コンテンツボトム ************************************/ .widget-content-bottom.widget_custom_html { margin-block: 3rem } .content-bottom { & .widget-content-bottom-title { font-size: 1.125rem; margin-block: 0 1.5rem; align-items: center; gap: .5rem; display: flex; &::before { -webkit-mask-image: var(--rss-icon); mask-image: var(--rss-icon) } } & .widget_tag_cloud .widget-content-bottom-title { font-size: 1.125rem; margin-bottom: 1.5rem; display: flex; align-items: center; gap: .25rem; &::before { -webkit-mask-image: var(--search-icon); mask-image: var(--search-icon) } &::after { content: ""; height: 1px; width: 100%; background: var(--cr300); flex: 1 } } } .tagcloud { display: flex; flex-wrap: wrap; gap: .25rem } .widget_tag_cloud a { padding-block: .5rem; padding-inline: 1rem; background-color: var(--cr50); color: var(--cr800); border-radius: 1rem; font-size: .75rem; border: 1px solid var(--cr300); border-width: 1px; display: inline-flex; gap: .5rem; align-items: center; font-weight: 600; &::before { -webkit-mask-image: var(--tag-icon); mask-image: var(--tag-icon); width: .875rem; height: .875rem; -webkit-mask-size: .875rem; mask-size: .875rem; background-color: var(--cr600); } } .widget_search { margin-block: 1rem 0; padding-block: 1rem 0; } .search-box { background-color: color-mix(in oklab, var(--cr50) 100%, transparent); border-radius: 1rem; border: 1px solid var(--cr800); max-width: 48rem; height: 3rem; padding-inline: 1rem 0; display: flex; align-items: center; justify-content: space-between; width: 100%; margin-inline: auto; } .search .search-box { margin-block: 0 1.5rem; } .search-edit { border: none; background: none; width: 100%; margin-inline: 0 1rem; padding-block: .25rem; } .search-submit { border: none; width: 4rem; height: 3rem; background: none; display: flex; align-items: center; justify-content: center; background: var(--cr700); border-radius: 0 1rem 1rem 0; cursor: pointer; &::before { -webkit-mask-image: var(--search2-icon); mask-image: var(--search2-icon); width: 1.5rem; height: 1.5rem; -webkit-mask-size: 1.5rem; mask-size: 1.5rem; background-color: var(--cr50); } } .bottom_rss { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; @media (max-width: 768px) { grid-template-columns: repeat(2, 1fr); } & .bottom_rss_title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: .875rem; font-weight: 600; @media (max-width: 768px) { -webkit-line-clamp: 4; } } & .bottom_rss_site_name { font-size: .75rem; color: var(--cr400); margin-block: .5rem 0; display: flex; align-items: center; gap: .25rem; &::after { -webkit-mask-image: var(--link-icon); mask-image: var(--link-icon); width: .75rem; height: .75rem; -webkit-mask-size: .75rem; mask-size: .75rem; } } & .bottom_rss_item { padding-block: 1.5rem; padding-inline: 1.5rem; border: 1px solid var(--cr200); background: var(--cr50); border-radius: 1rem; display: block; color: var(--cr800); border-bottom-width: 2px; } & .bottom_rss_img { display: none } } .widget-content-bottom.widget_tag_cloud { padding-block: calc(.25rem * 8) 1rem; padding-inline: 2.5rem; border: 1px solid var(--cr300); background: var(--cr200); border-radius: 1rem 1rem 0 0; border-bottom: none; } .widget-content-bottom.widget_search { padding-block: 1rem calc(.25rem * 8); padding-inline: 2.5rem; border: 1px solid var(--cr300); background: var(--cr200); border-radius: 0 0 1rem 1rem; margin: 0; border-top: none; } /************************************ ** フッター ************************************/ .footer { padding-block: 2rem; padding-inline: 1rem; margin-block: 3rem 0; margin-inline: -1rem; border-top: 1px solid color-mix(in oklab, var(--cr900) 90%, transparent); background: color-mix(in oklab, var(--cr800) 90%, transparent); & .footer-bottom-logo { display: none } & .navi-footer-in ul { display: flex; gap: 1.5rem; flex-wrap: wrap; @media (max-width: 768px) { flex-direction: column; } & li a { color: var(--cr300); font-size: .875rem; &:hover { color: var(--cr50) } } } & .copyright { padding-block: 1rem; margin-block: 1rem 0; border-top: 1px solid var(--cr600); font-size: .75rem; color: var(--cr400); } } .mobile-header-menu-buttons { display: none; } /************************************ ** 上に戻る ************************************/ .go-to-top-button { width: 3rem; height: 3rem; background: var(--cr50); border-radius: 100%; display: flex; align-items: center; justify-content: center; position: fixed; right: 1.5rem; bottom: 1.5rem; border: 1px solid var(--cr300); /* border-bottom-width: 2px; */ cursor: pointer; &::before { -webkit-mask-image: var(--arrow-top-icon); mask-image: var(--arrow-top-icon); width: 1rem; height: 1rem; -webkit-mask-size: 1rem; mask-size: 1rem; background-color: var(--cr700); } } /* ======================================== サイドメニュー ======================================== */ html { scrollbar-gutter: stable; } body { &.sidebar-menu-open { overflow: hidden; } } #sidebar-overlay { position: fixed; inset: 0; z-index: 99998; opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility 0s linear .35s; -webkit-backdrop-filter: blur(.5rem); backdrop-filter: blur(.5rem); background-color: color-mix(in oklab, var(--cr800) 48%, transparent); &.is-open { opacity: 1; visibility: visible; transition: opacity .35s ease, visibility 0s; } } #sidebar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; width: 100%; max-height: calc(100dvh - 2rem); overflow-y: auto; overscroll-behavior: contain; background: var(--cr100); box-shadow: 0 -10px 30px rgb(0 0 0 / 12%); transform: translateY(100%); transition: transform .35s cubic-bezier(.22, 1, .36, 1); height: 90vh; padding-inline: 1rem; &.is-open { transform: translateY(0); } & .sidebar-close { position: sticky; top: 0; margin-inline: auto; z-index: 2; display: grid; place-items: center; padding-block: .5rem; padding-inline: 1rem; border: none; border-bottom: 1px solid var(--cr900); background: var(--cr700); color: var(--cr50); font-size: 1rem; cursor: pointer; font-weight: 600; display: flex; width: 100vw; margin-inline: calc(50% - 50vw); gap: .5rem; justify-content: center; -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); &::before { -webkit-mask-image: var(--close-icon); mask-image: var(--close-icon); width: 1.25rem; height: 1.25rem; -webkit-mask-size: 1.25rem; mask-size: 1.25rem; background-color: var(--cr50); } } & .widget-sidebar { max-width: 76rem; margin-inline: auto; margin-bottom: 3rem; & .widget-sidebar-title { font-size: 1.125rem; margin-block: 0 1.5rem; display: flex; align-items: center; gap: .5rem; } } & .widget_tag_cloud { & .widget-sidebar-title { &::before { -webkit-mask-image: var(--search-icon); mask-image: var(--search-icon); width: 1.25rem; height: 1.25rem; -webkit-mask-size: 1.25rem; mask-size: 1.25rem; } } } & .widget_popular_entries { @media (max-width: 768px) { & a.popular-entry-card-link { padding: 0; overflow: hidden; &::before { top: .5rem; left: .5rem; width: 1.85rem; height: 1.85rem; } } & .popular-entry-cards { grid-template-columns: repeat(2, 1fr); & .popular-entry-card-thumb { margin: 0; & img { border-radius: 0; width: 100%; } } } & .popular-entry-card-content { padding: 1rem; & .popular-entry-card-title { margin: 0; } & .popular-entry-card-meta { display: none; } } } @media (max-width: 480px) { & .popular-entry-card-content { & .popular-entry-card-title { font-size: .75rem; } } } } }