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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.mytable-last-column tr>*:last-child{
  min-width: 300px;
  white-space: normal;
}

figure.table-noscroll table td:last-child{
  white-space: normal;
}

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

.fbox {
  display: flex;
  padding: 0.5em 1em;
  margin: 2em 0;
  gap:0 20px;
/*   background: #eeeeee; */
}
.fbox>div{
	max-width:50%;
	display:flex;
}
.fbox p{
  padding: 0 0 10px 0 !important;
  margin-bottom:0;
  font-size:1rem;
}
.fbox a, .fbox p.title{
  font-size:1.2rem;
}
.fbox p span.title{
  font-size: larger;
  background-color: #edb918;
}
.fbox .img{
  max-width: 25%;
}
.fbox .img50{
  max-width: 50%;
}
.fbox .text{
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .fbox{
	flex-direction: column;
  }
	.fbox>div{
		width:100%;
		max-width:100%;
	}
  .fbox .text{
    padding-top: 10px;
  } 
}

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

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

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