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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* 検索フォームデザイン20240305 by kouhei tsuzuku */

form.wpcfs-search-form{
	font-size:0.8rem;
	margin-bottom:15px;
}

form.wpcfs-search-form .wpcfs-input-wrapper{
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:flex-start;
	align-items:center;
	border-bottom:solid gray 1px;
}

form.wpcfs-search-form .wpcfs-input-wrapper .wpcfs-label{
	flex-shrink:0;
}

form.wpcfs-search-form .wpcfs-input-wrapper .wpcfs-input ul{
	display:flex; 
	flex-direction:row;
	flex-wrap:wrap;
	margin-bottom:0;
}
form.wpcfs-search-form .wpcfs-input-wrapper .wpcfs-input ul li{
	list-style:none;
	margin-right:10px;
}


/* 検索結果テーブルデザイン20240305 by kouhei tsuzuku */

table.search_result_table{
	font-size:0.85rem;
}
table.search_result_table th{
	padding-right:25px;
}
table.search_result_table td{
	max-width:20%;
}
table.search_result_table td.thumbnail{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	max-width:180px;
	text-align:center;
}
table.search_result_table .entry-card-thumb {
	width:150px;
}

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

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

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