@charset "UTF-8"; .customize-control-radio.-related-post .customize-inside-control-row > label::before { font-weight: 400; font-family: arkhe-icon !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-weight: normal; font-family: arkhe-icon; font-style: normal; src: url(../../../assets/fonts/icomoon.woff2?s7d81) format("woff2"), url(../../../assets/fonts/icomoon.ttf?s7d81) format("truetype"), url(../../../assets/fonts/icomoon.woff?s7d81) format("woff"), url(../../../assets/fonts/icomoon.svg?s7d81#icomoon) format("svg"); } [class^="arkhe-icon-"], [class*=" arkhe-icon-"] { font-weight: normal; /* use !important to prevent issues with browser extensions that change fonts */ font-family: arkhe-icon !important; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; speak: never; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .arkhe-icon-person::before { content: "\e910"; } .arkhe-icon-check::before { content: "\e900"; } .arkhe-icon-chevron-down::before { content: "\e901"; } .arkhe-icon-chevron-left::before { content: "\e902"; } .arkhe-icon-chevron-right::before { content: "\e903"; } .arkhe-icon-chevron-up::before { content: "\e904"; } .arkhe-icon-close::before { content: "\e905"; } .arkhe-icon-menu::before { content: "\e906"; } .arkhe-icon-search::before { content: "\e907"; } .arkhe-icon-link::before { content: "\e908"; } .arkhe-icon-modified::before { content: "\e909"; } .arkhe-icon-posted::before { content: "\e90a"; } .arkhe-icon-comment::before { content: "\e90b"; } .arkhe-icon-tag::before, .customize-control-radio.-related-post .customize-inside-control-row:last-child > label::before { content: "\e90c"; } .arkhe-icon-folder::before, .customize-control-radio.-related-post .customize-inside-control-row:nth-last-child(2) > label::before { content: "\e90d"; } .arkhe-icon-rss::before { content: "\e90e"; } .arkhe-icon-home::before { content: "\e90f"; } .wp-customizer .wp-full-overlay-sidebar { width: 20%; min-width: 324px; } .wp-full-overlay.expanded { margin-left: 324px; } @media screen and (min-width: 1667px) { .wp-full-overlay.expanded { margin-left: 20%; } } .preview-mobile .wp-full-overlay-main { width: 400px; height: 680px; } .wp-full-overlay-sidebar-content::-webkit-scrollbar { width: 8px; } .wp-full-overlay-sidebar-content::-webkit-scrollbar-track { background: #fff; } .wp-full-overlay-sidebar-content::-webkit-scrollbar-thumb { background: #ccc; border-radius: 8px; box-shadow: inset 0 0 0 1px #fff; } #customize-theme-controls .customize-pane-child.open { overflow: hidden; } #customize-theme-controls .customize-pane-child.accordion-section-content { padding: 12px 0; } #customize-theme-controls .customize-pane-child.accordion-section-content > li { box-sizing: border-box; padding-right: 12px; padding-left: 12px; } [id^="accordion-section-arkhe_section_"] .accordion-section-title { position: relative; display: flex; } [id^="accordion-section-arkhe_section_"] .accordion-section-title::before { display: block; width: 16px; height: 16px; margin-right: 8px; background: url(../../../assets/img/arkhe-logo.svg) no-repeat center/contain; content: ""; } #customize-controls .customize-control-title { display: block; margin: 16px 0 8px; font-weight: bold; font-size: 14px; } #customize-controls .customize-control-title.-big { position: relative; margin: 24px -12px 12px; padding: 12px 12px; color: #2a2a2a; background: #fffffe; } #customize-controls .customize-control > .customize-control-title:not(.-big):first-child { margin-top: 8px; } #customize-controls .customize-control-title:not(.-big) + div + .customize-control-description { margin-top: -4px; } #customize-controls .customize-section-description-container + .customize-control .customize-control-title.-big { margin-top: 0; } #customize-controls .-desc-hidden .customize-control-description { display: none; } #customize-controls .customize-control { height: auto; margin-bottom: 8px; overflow: hidden; transition: .25s; } #customize-controls .customize-control.-hide { height: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; visibility: hidden; opacity: 0; } #customize-controls .description { display: block; margin-top: 0; margin-bottom: 8px; color: #656e77; font-style: italic; line-height: 1.25; } #customize-controls .customize-section-description { margin: 1em 0; } #customize-controls .customize-control-select select { width: 90%; margin: 4px 0; } #customize-controls .customize-control-checkbox .customize-inside-control-row { padding-top: 0; padding-bottom: 4px; } /* ラジオボタン */ .customize-control-radio:not(.-radio-button) .customize-inside-control-row { padding-top: 4px; padding-bottom: 4px; } .customize-control-radio.-radio-button .customize-inside-control-row { display: inline-flex; margin: 0; vertical-align: middle; } .customize-control-radio.-radio-button .customize-inside-control-row + .customize-inside-control-row { margin-left: -4px; } .customize-control-radio.-radio-button .customize-inside-control-row > input { width: 0; min-width: 0; margin: 0 !important; border: none; visibility: hidden; } .customize-control-radio.-radio-button .customize-inside-control-row > label { min-width: 2em; padding: 4px 8px; color: #0075af; text-align: center; background: #f3f5f6; border: solid 1px #0075af; transition: .25s; } .customize-control-radio.-radio-button .customize-inside-control-row > input:checked + label { color: #fff; background: #007cba; } .customize-control-radio.-related-post .customize-inside-control-row > label::before { margin-right: 4px; color: inherit; } /* 画像アップロード */ #customize-controls .attachment-media-view { padding-bottom: 8px; } /* テキストエリア */ .customize-control input[type="email"], .customize-control input[type="number"], .customize-control input[type="password"], .customize-control input[type="search"], .customize-control input[type="tel"], .customize-control input[type="text"], .customize-control input[type="url"] { margin: 0 0 8px; } .customize-control input[type="number"] { width: 50%; } .customize-control-radio.-btn-layout .customize-inside-control-row { display: flex; align-items: center; margin: 8px 0; } .customize-control-radio.-btn-layout input { margin: 0 8px 0 0; } .customize-control-radio.-btn-layout label { display: inline-block; width: calc(100% - 40px); height: 32px; color: transparent; background-repeat: no-repeat; background-size: contain; } [for="_customize-input-arkhe_settings[header_btn_layout]-radio-l-r"] { background: url(../../../assets/img/customizer/header-L-R.png); } [for="_customize-input-arkhe_settings[header_btn_layout]-radio-r-l"] { background: url(../../../assets/img/customizer/header-R-L.png); } [for="_customize-input-arkhe_settings[header_btn_layout]-radio-rl-rr"] { background: url(../../../assets/img/customizer/header-RL-RR.png); } [for="_customize-input-arkhe_settings[header_btn_layout]-radio-rr-rl"] { background: url(../../../assets/img/customizer/header-RR-RL.png); }