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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.article h3 {
/*   border-left: 7px solid #888;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd; */
  border-bottom: 1px solid #ddd;
  font-size: 22px;
  padding: 12px 20px;
}
#main .entry-content h3.ea-header {
border-bottom:none;
}
#main .sp-easy-accordion>.sp-ea-single ol, ul {
	list-style:none;
}
#main .sp-easy-accordion>.sp-ea-single ul li {
	display: inline-block;
}
#main .sp-easy-accordion>.sp-ea-single li {
	border:1px solid #ccc;
	padding: 0 5px 0 5px;
}
#main .sp-easy-accordion>.sp-ea-single ol,ul{
	padding-left:0px;
}
.date-tags {
	display:none;
}
.radio {
	margin:0 auto;
	text-align:center;
}
/* input:not([type="range"]):not([type="color"]),textarea 
{
	width:850px;
	max-width:100%;
} */
.wpcf7-list-item.first {
  margin: 0;
}
.wpcf7-list-item-label {
  cursor: pointer;
  display: flex;
}
/* デフォルトのボタン */
input[type="radio"] {
  opacity: 0; /* デフォルトのボタンを非表示 */
  position: absolute;
}
/* チェック前のボタン */
.wpcf7-list-item-label::before {
  background: #fff;
  border: 1px solid #B5B5B5;
  border-radius: 100%; /* ラジオボタンっぽく丸くする */
  content: "";
  height: 1.2em;
  margin-bottom: auto;
  margin-right: .5em;
  margin-top: auto;
  transition: background-color .2s; /* 色をじんわり変化させる */
  width: 1.2em;
}
/* チェック後のボタン */
input[type="radio"]:checked + .wpcf7-list-item-label::before {
  background-color: #58BCB2; /* チェック後の中心の色 */
  box-shadow: inset 0 0 0 3px #fff; /* 中心の色のスタイル */
}

input[type='submit'] {
  -webkit-appearance: none;
  border: none;
  background-color: #339389;
  color: #fff;
  font-size:1rem;
}
.author-info {
	display:none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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