@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
* {
	outline: none !important;
}
a {
  text-decoration:none; 
}
.dltbl {
  table-layout: fixed;
  width: 100%;
}
.dltbl th:first-child {
  width: 30%;	
}
.dltbl th:last-child {
  width: 15%;	
}
.dltbl th {
  text-align: center;	
}
.dltbl td {
  background: #fff;
  text-align: left;
}

.container.cf {
  max-width: unset;
  padding: unset;
}

/*
.wp-block-button{
  background-color: #0095d9; !important
  color: #fff; !important
  border-radius: 50px; !important
}
*/

h1.entry-title {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明*/
  border-left: solid 5px #7db4e6;/*左線*/
}

h2.entry-card-title {
  border-bottom: solid 3px #eff0f0;
  position: relative;
}

h2.entry-card-title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #7db4e6;
  bottom: -3px;
  width: 20%;
}

.article h2 {
	padding: 0.5em 0.5em 0.5em 1.5em;
	border-top: transparent;
	border-bottom-color: #7db4e6;
}

.article h2:before {
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	font-weight: 900;
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0.25em;/*アイコンの位置*/
	top: 0.5em;/*アイコンの位置*/
	color: #7db4e6; /*アイコン色*/
	border-top: transparent;
}
.article h2:after {
	border-bottom: transparent;
}

.article h3 {
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-size: 20px;
	border-top: transparent;
	border-bottom: dotted 3px;
	border-bottom-color: #7db4e6;
}

.article h4 {
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #f6f6f6;
	border-radius: 6px;
	border-bottom: none;
}
/*
.article h6 {
  position: relative;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #ccc;
}

.article h6::before,
.article h6::after {
  position: absolute;
  content: '';
  border-radius: 100%
}

.article h6::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(150, 150, 150, .5);
}

.article h6::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(210, 210, 210, .5);
}
*/

body {
	counter-reset: titleNum;
}
section {
	counter-increment: titleNum;
}
.article h6 {
	position: relative;
	padding: 0 0 0.5em 2em;
	counter-increment: titleNum;
	border-bottom: 1px solid #7db4e6;
}
.article h6::before {
	position: absolute;
	top: 0;
	left: 0.25em;
	content: counter(titleNum);
	width: 24px;
	height: 24px;
	line-height: 24px;
	background-color: #7db4e6;
	border-radius: 100%;
	color: #fff;
	font-size: .9em;
	text-align: center;
}
.toc {
	border: 1px solid rgb(204, 204, 204);
}

.sergeant{
	width: 200%;
	height: 200%;
}

.bctbl td:first-child {
	width:40%;
	background: #09d;
	text-align: center;	
	color:#fff;	
}
.bctbl td:last-child {
	width:100%;
	background: #fff;
	text-align: left;
}

.ans {
	background: #eee;
	color:#333;
	font-weight: 700;
	font-size: 16px;
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

.blkbox{
		padding: .1em .1em .1em .1em;!important
}

#header-container {
	border-top: none;
}

.bctable .row-1 td {
  background-color: #ffffff; !important
}

.tablepress-id-1,
.tablepress-id-1 tr,
.tablepress-id-1 tbody td,
.tablepress-id-1 thead th,
.tablepress-id-1 tfoot th {
 border: none; !important
}

/*メモ
** $('.sergeant img').attr('src', '/service/wp-content/uploads/kkauser/フォービー軍曹メガホン黒笛.png');
*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/*
カスタムブロック用
ダウンロードファイル
ナレッジサプリダウンロードファイル
*/
.lazyblock {
    padding-right: 10px !important;
}
.lazyblock .lzb-content-title h6 {
	font-size: 12px !important;
	margin-top: 4px !important;
	padding-bottom: 2px;
}
.lazyblock .lzb-content-title h6::before {
	width: 22px !important;
	height: 22px !important;
	font-size: 10px !important;
	top: -4px !important;
	left: -4px !important;
}
.lazyblock .lzb-content-title {
	margin-bottom: 10px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 10px !important;
	padding-right: 0 !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.lzb-content-controls {
	margin-left: 0 !important;
}
.lzb-content-controls .components-base-control {
	margin-bottom: 18px !important;
}
.lzb-content-controls .components-base-control__field {
	margin-top: 1px !important;
}
.lzb-content-controls .components-text-control__input {
	border: 1px solid #777 !important;
	padding: 8px !important;
	font-size: 12px !important;
}
.lzb-content-controls .components-select-control__input {
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 12px !important;
	height: 36px !important;
	color: #2c3338 !important;
	border-radius: 6px !important;
}
.lzb-constructor-controls-item-label-text {
	margin-left: 50px !important;	
}
.lzb-constructor-controls-item {
	margin-top: 18px !important;
    margin-bottom: 18px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.lzb-constructor-controls-item-label-buttons {
	padding-left: 50px !important;
	top: 6px !important;
}
.lzb-content-controls select[multiple] {
    height: auto !important;
}
.lzb-content-controls .components-base-control label {
	padding-top: 3px !important;
    padding-bottom: 0 !important;
}
.lzb-content-controls .component-color-indicator {
	margin-left: 6px !important;
}
.lzb-content-controls .components-color-palette.components-circular-option-picker {
	margin-top: 5px !important;
}
.pgafu-filter-wrp .toc, .pgafu-filter-wrp .pgafu-post-title:before {
	display: none !important;
}
.ui-datepicker-header {
	background-image: none !important;
	background: #fff !important;
	border: none !important;
}
.ui-state-default, .ui-state-hover {
	background-image: none !important;
	background: #fff !important;
}
.datepicker:hover {
	cursor: pointer !important;
}
.block-editor-plain-text.wp-block-php-everywhere-block-php {
	font-size: 10pt !important;
}

.tab-caption-box {
	border-style: none;
	border-color: none;
}

input, select {
	color: #565656;
}

.tab-caption-box,
.label-box {
border:none;/枠線が2重にならないようにするコード/
}

/*GDPR表示制御に使用
.cky-preference-body-wrapper, .cky-btn-preferences, .cky-btn-close {
*/
.cky-btn-preferences {
	display: none !important;
}

.wp-show-posts-entry-title {
    font-size: 18px !important;
}
.wp-show-posts-image {
    background: #fff;
}
.wpsp-read-more a {
    border: none !important;
	color: #1967d2 !important;
	padding: 0 !important;
	position: relative;
    top: -5px;
}
.wpsp-read-more a:hover {
	background: #fff !important;
	color: #e53900 !important;
}
.wpsp-read-more {
    font-size: 16px;
}

.cky-btn-revisit-wrapper {
	opacity: 0.2;
}
.cky-btn-revisit-wrapper:hover {
	opacity: 1;
}

/* Search & Filter 検索ワードテキストボックス幅調整 */
.searchandfilter li:first-child {
	width: 100%;
}
.searchandfilter ul {
	padding-left: 10px;
}