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

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


.main{
    background-color: #ffffff;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
	.ect-entry-card .card-content, .rect-entry-card .card-content, .ect-big-card-first .card-content {
		margin-left: 40%;
	}
}
.article .entry-card-content h2.entry-card-title,
.article .entry-card-content h3.entry-card-title,
.article .entry-card-content h4.entry-card-title,
.article .entry-card-content h5.entry-card-title,
.article .entry-card-content h6.entry-card-title {
	margin-top: 0px;
	background-color: transparent;
	border: 0;
	color: #333;
	margin: 0;
	padding: 5px 0;
}

.article .entry-card-content p {
	margin-bottom: 5px;
}

/*Contact7送信ボタン*/
.content .wpcf7 dl dt {
	font-size: 0.85em;
	line-height: 1.25em;
	padding: 0px;
	margin-bottom: 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}

.content .wpcf7 dl dd {
	font-size: 1em;
	padding: 0px;
	margin-left: 200px;
	margin-bottom: 20px;
}

.content .wpcf7 dl dd span.wpcf7-form-control-wrap {
	line-height: 1.25em;;
}

.content .wpcf7 dl dd input[type="text"],
.content .wpcf7 dl dd input[type="password"],
.content .wpcf7 dl dd input[type="date"],
.content .wpcf7 dl dd input[type="datetime"],
.content .wpcf7 dl dd input[type="email"],
.content .wpcf7 dl dd input[type="number"],
.content .wpcf7 dl dd input[type="search"],
.content .wpcf7 dl dd input[type="tel"],
.content .wpcf7 dl dd input[type="time"],
.content .wpcf7 dl dd input[type="url"],
.content .wpcf7 dl dd textarea,
.content .wpcf7 dl dd select {
	font-size: 1em;
	padding: 0.2em;
}

/*プルダウンメニュー折り返し禁止*/
#navi .caption-wrap .item-label {
white-space: nowrap;
}


/*前へ次へボタンの調整*/
.is-style-outline a {
    border: 1px solid!important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	padding: 0.1em;	
}

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

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

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

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/*固定ページ全てをまとめて非表示*/
.page .sns-share,
.page .sns-follow,
.page .date-tags,
.page .author-info{
  display: none;
}

.grecaptcha-badge { visibility: hidden; }

/***********************************
** 目次ｸﾘｯｸで飛ぶ時に見出しが見やすい位置調整
***********************************/
span[id^="toc"] {
padding-top: 3.5em;  /* 数値変更で調整可能 */
}

.grecaptcha-badge { visibility: hidden; }

/*---------------------------------
ボックス（白抜き）の枠の色と太さを変える
--------------------------------*/
.blank-box {border-width: 1px; border-color: #CCCCCC;} /* 枠の太さと灰色の変更 */

.blank-box.bb-yellow {border-color: #FAB162;} /* 黄色 */

.blank-box.bb-red {border-color: #FD8FA3;} /* 赤色 */

.blank-box.bb-blue {border-color: #5FB3F5;} /* 青色 */

.blank-box.bb-green {border-color: #95CE4B;} /* 緑色 */

/***********************************
** クリックで表示／非表示切り替え
***********************************/

/*ボックス全体*/
.switchbox {
    margin: 10px 0;
    padding: 0;
}
/*ラベル*/
.switchbox label {
    display: block;
    cursor :pointer;
}
/*チェックボックスを非表示にする*/
.switchbox input {
    display: none; 
}
/*中身を非表示にしておく*/
.switchbox div {
    height: 0;
    overflow-y: hidden;
    transition: 0.8s;/*ゆっくり表示させる*/
    opacity: 0;
}
/*クリックで中身を表示*/
.switchbox input:checked + label + div {
    height: auto;
    opacity: 1;
}
/*アイコン*/
.switchbox label::before {
    content: '\f067';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 8px;
}
/*クリックでアイコン入れ替え*/
.switchbox input:checked + label::before {
    content: '\f068';
}

/*---------------------------------
ボックス（白抜き）の枠の色と太さを変える
--------------------------------*/
.blank-box {border-width: 1px; border-color: #CCCCCC; margin-left: 0px; margin-right :0px;} /* 枠の太さと灰色の変更 */

.blank-box.bb-yellow {border-color: #FAB162; margin-left: 0px; margin-right :0px;} /* 黄色 */

.blank-box.bb-red {border-color: #FD8FA3; margin-left: 0px; margin-right :0px;} /* 赤色 */

.blank-box.bb-blue {border-width: 5px; border-color: #003f8e; margin-left: 0px; margin-right :0px;} /* 青色 */

.blank-box.bb-bblue {border-width: 1px; border-color: #003f8e; margin-left: 0px; margin-right :0px;} /* 青色 */

.blank-box.bb-green {border-color: #95CE4B; margin-left: 0px; margin-right :0px;} /* 緑色 */


/*---------------------------------
カラムのスマホ表示で逆にする
--------------------------------*/
@media screen and (max-width: 599px) {
  .inverted {
    flex-direction:column-reverse!important;
  }
}

/* ラジオボタン自体を大きくする */
.wpcf7-radio input[type="radio"] {
    transform: scale(1.5); /* 1.5倍に拡大 */
    margin: 0 10px 0 0;    /* 右側に余白を作る */
    vertical-align: middle; /* 文字の高さと合わせる */
    cursor: pointer;
}

/* ラジオボタンの文字ラベルも大きくする（任意） */
.wpcf7-radio .wpcf7-list-item-label {
    font-size: 16px;
    margin-right: 15px; /* 選択肢間の間隔 */
}