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

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

/** div **/
.notes {
color:#cc0000;
font-weight:bold;
font-size:80%;
}


.small {
font-size:85%;
}


.tit1 {
color:#1a4f23;
font-weight:bold;
}


.tit2 {
color:#0b3b2e;
font-size:85%;
font-weight:bold;
margin-left: -5px;
}


.tit3 {
color:#565555;
font-size:90%;
margin-left: -5px;
}


.new {
padding-left: 5px;
}


.atlist {
list-style: none;
padding-left: 5px;
}


/** 検索窓 **/
#srchBox #srchBtn
{
width: 40%;
}
#srchLogo a
{
color:#666666;
text-decoration:none;
font-size:65%;
}
#srchLogo a:hover
{
text-decoration:underline;
}


/** 折りたたみ **/
/*ボックス全体*/
.accbox {
    margin: 1em 0;
    padding: 0;
    max-width: 336px;/*最大幅*/
}
/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#2f8fcf;
    font-weight: bold;
    background :#cbdff4;
    cursor :pointer;
    transition: all 0.5s;
}
/*ラベルホバー時*/
.accbox label:hover {
    background :#85baef;
}
/*チェックは隠す*/
.accbox input {
    display: none;
}
/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}


/** 縦型カード3列 左寄せ **/
.ect-3-columns {
  justify-content: flex-start;
}


/** 動画をカラム幅いっぱい **/
.video-container {
  max-width: none;
}

/** メールアドレスが公開されることはありませんの文言を非表示 **/
.comment-notes{
	display:none;
}

/** コメント欄のラベル **/
/*.comment-form-comment label:after {
content: "（承認後に表示されますのでしばらくお待ち下さい）";
font-size: 80%;
}*/
.comment-form-author label:after {
content: " [任意]";
font-size: 80%;
}
.comment-form-email label:after {
content: " [任意（入力しても表示されることはありません）]";
font-size: 80%;
}

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

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

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