@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); }
