@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.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
figure.table-noscroll table td:last-child{
  white-space: normal;
}

table th, table td{
  border-color: silver !important;
}

.flex{
	display: flex;	
}

.article h5 {
	border-bottom: solid 3px #ccc;
}
.container.cf {
    max-width: unset;
}

.shutokencolor {
	color: #CA4F3C;
}

.widget-entry-card-date {
  display: block;
}

#new dl {
	padding: 0px 20px;		/*上下、左右へのブロック内の余白*/
	margin-bottom: 20px;	/*ブロックの下(外側)に空ける余白*/
	/*追加*/
	height: 150px;	/*高さ。これを超えるとスクロールバーが出てiframe風になる。全部表示させておきたいならこの行と下の１行を削除。*/
	overflow: auto;
	background: #FAFAFA;	/*背景の色*/
	border: 2px dotted #cfcfcf;	/*フチのライン*/
}
/*日付設定*/
#new dt {
	float: left;
	width: 9em;
	letter-spacing: 0.1em;
	margin-bottom: 0;
}
/*記事設定*/
#new dd {
	padding-left: 9em;
	border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/
}
@media screen and (max-width: 767px){
	#new dl{
		display: flex;
		flex-direction: column;
	}
	#new dt{
		letter-spacing: 0.1em;
	}
	#new dd{
		padding: 0 0 0 1rem;
		border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/
	}
}

.new-entry-cards.large-thumb-on {
display: flex;
flex-wrap: wrap;
}

.new-entry-cards.large-thumb-on a {
	width: 25%;
/* 	padding-bottom: 2em; */
/* 	max-width: 50%; */
}
.new-entry-cards.large-thumb-on .new-entry-card-content.widget-entry-card-content.card-content {
	max-height : 100%;
}

/* 目次 */
.toc .toc-title{
	font-weight:bold;
}
.toc .toc-title::before {
  padding: 14px;
  font-family: "Font Awesome 5 Free";
  font-weight: bold !important;
  color: #fff;
  content: "\f03a";
  background-color: #f8c678; /* 任意の色に */
  border-radius: 50%;
}

.toc .toc-content ol li {
	border-bottom: dashed 1px silver;
}
.toc .toc-content ol li:last-child {
    border-bottom: none;
}

.toc .toc-content .toc-list li {
	font-weight: bold;
}
.toc .toc-content .toc-list li li{
	font-weight: normal;
}

/* はみ出た分をスクロール可能にするコード */
#sidebar .toc .toc-content {
	overflow-y: auto; /* 縦スクロールを可能に */
	max-height: 500px;
	padding-left: 20px;
	scrollbar-gutter: stable;
	margin-top: 10px;
}

/* lightbox */
.slb_data_content * {
	font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}

/* シミュレーター用 */
#main_sim select {
	width: auto;
}
#main_sim input[type="number"]{
  width: auto;
  max-width: 75px;
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.new-entry-cards.large-thumb-on a {
		width: 50%;
	}
}

/* 480px以下 */
@media screen and (max-width: 480px){
	.new-entry-cards.large-thumb-on a {
		width: 100%;
	}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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