@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*--------------------------------------
ダークモード
--------------------------------------*/
@media (prefers-color-scheme: dark) {
  :root {
    --color_main: #062033; /*テーマ色*/
    --color_text: #f7f7f7; /*メイン文字色*/
    --color_link: #2f95d8; /*リンク色*/
    --color_gray: #333; /*ブロック背景色*/
    --color_htag: var(--color_main); /*見出し色*/
    --color_bg: #000; /*記事背景色*/
    --color_header_bg: var(--color_main); /*ヘッダー背景色*/
    --color_header_text: #ffffff; /*ヘッダー文字色*/
    --color_footer_bg: var(--color_main); /*フッター背景色*/
    --color_footer_text: #ffffff; /*フッター文字色*/
  }

  /*パンくず*/
  #body_wrap #breadcrumb {
    background: var(--color_bg);
  }

  /*モーダル目次*/
  .p-indexModal__inner {
    background: var(--color_bg);
    color: var(--color_text);
    opacity: 0.8;
  }

  /*吹き出し色*/
  .c-balloon__text {
    filter: brightness(0.7) saturate(150%) contrast(150%);
  }

  /*段落*/
  p[class*="is-style"] {
    filter: brightness(0.7) saturate(150%) contrast(150%);
  }

  .is-style-crease {
    color: var(--swl-text_color--black);
  }

  /*グループ*/
  .is-style-desktop > .wp-block-group__inner-container,
  .is-style-browser_mac > .wp-block-group__inner-container {
    background: var(--color_bg);
    color: var(--color_text);
  }

  /*画像とアイキャッチ*/
  .post_content .wp-block-image img,
  .c-postThumb__figure .c-postThumb__img,
  .p-articleThumb__img {
    filter: brightness(0.8) saturate(120%);
  }

  /*目次、トップ戻るボタン*/
  .c-fixBtn {
    background: var(--main-color);
    color: var(--color_text);
  }

  /*シェアボタン*/
  .c-shareBtns__btn:not(:hover) .c-shareBtns__icon,
  .-fix .c-shareBtns__btn:not(:hover) {
    filter: brightness(0.9);
  }

  /*スマホ開閉メニュー*/
  .p-spMenu__inner::before {
    background: var(--color_bg);
    opacity: 0.9;
  }

  .p-spMenu__body {
    color: var(--color_text);
  }

  .p-spMenu__closeBtn {
    color: var(--color_text);
  }

  .p-spMenu__body::-webkit-scrollbar {
    background: rgba(255, 255, 255, 0.1);
    height: 24px;
    border-radius: 24px;
  }
	.darkmode .pochipp-box {
  background: var(--color_gray);
  color: var(--color_text);
}
.darkmode .vkfs__taxonomy .vkfs__has-children .vkfs__taxonomy-accordion-trigger {
background-color:#000;
}
.darkmode .vkfs input[type=number], .vkfs input[type=text], .vkfs select:not(.does-not-exist){
background-color:#000;
color:#fff;
}
.darkmode .vkfs .btn[type=submit], {
background:#000;
color:#fff;
}
.darkmode .vkfs:where(:not(.vkfs__layout--min)) .btn[type=submit],{
background:#000;
color:#fff;
}
.darkmode .vkfs:where(:not(.vkfs__layout--min)), .btn[type=submit],{
background:#000;
color:#fff;
}
.darkmode .vkfs input[type=radio]:before {
background:#000;
color:#fff;
border:none;
border-radius:0%;
}

.darkmode button,input,select,textarea {
background-color: #f7f7f7;
border: 1px solid hsla(0,0%,78%,.5);
border-radius: 0;
color: #000;
}
.darkmode swl-fz u-fz-xl{
	color:#111;
}

.darkmode #audio{
	color:red;
}
	
.darkmode is-style-more_btn{
background:red;
}
.darkmode .is-style-more_btn a{
background:red;
	}

.darkmode .swell-block-linkList.-fill .swell-block-linkList__link, .swell-block-linkList.is-style-button .swell-block-linkList__link:hover{
color:#111;
background:#fff;
border:1.2pt solid orange;
font-size:15pt;
font-weight:bold;
	}
.darkmode .swell-block-linkList.-fill .swell-block-linkList__link, .swell-block-linkList.is-style-button .swell-block-linkList__link{
color:#fff;
background:#000;
}

.darkmode .swell-block-column.swl-has-mb--s .swell-block-button, .swell-block-button.is-style-btn_line .swell-block-button__link{
background:#000;
color:#fff;
}

.darkmode .swell-block-column.swl-has-mb--s .swell-block-button, .swell-block-button.is-style-btn_line .swell-block-button__link:hover{
color:#000;
background:;
border:2pt solid red;
}
	
.darkmode .swell-block-button.-size-l.is-style-more_btn .swell-block-button__link .is-style-more_btn a{
background:red;
}


.darkmode .swell-block-button.-size-l.is-style-more_btn .swell-block-button__link .is-style-more_btn a:hover{
background:blue;
}
	
.darkmode #footer.l-footer,  .menu_list, .menu-item.menu_btn{
background:#000;
color:#fff;
}