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

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

/************************************
** アコーディオンの見出しを左詰めにする
************************************/
.toggle-button {
	text-align: left;
}


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

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

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

/************************************
** カスタマイズ
************************************/

/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: none;
}

/*すべての固定ページの投稿日を非表示*/
.page .post-date{
  display: none;
}

/* 見出しタグ */
.entry-content h3{
font-size: 14px;	
width:100%;
padding: 8px;
margin: 0px 0px 12px 0px;
color: #000;
background: #ebebeb;
border-left: solid 10px #db7092;
}
.entry-content h6{
width:100%;
padding: 3px;
margin: 7px 0px;
}

/* 映画用見出しタグ */
.entry-content h6{
font-size: 14px;	
width:100%;
padding: 8px;
margin: 0px 0px 12px 0px;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-weight: bold;
color: #000;
background: #ebebeb;
border-left: solid 10px #db7092;
}
.entry-content h6{
width:100%;
padding: 3px;
margin: 7px 0px;
}
/* サイドバータイトルタグ */
.sidebar h3{
font-size: 14px;	
width:100%;
padding: 0px 0px 0px 5px;
margin: 0px;
color: #000;
background: #ebebeb;
border-left: solid 10px #db7092;
}
.entry-content h6{
width:100%;
padding: 3px;
margin: 7px 0px;
}
/* <p class="ex1">で指定、小さい文字 */
.ex1{
font-size:13px;
line-height:20px;
}
a{ /*リンクテキスト装飾無し*/
  text-decoration: none;
}

/* reCAPTCHAバッジをCSS追記で非表示にする*/
.grecaptcha-badge { visibility: hidden; }

/* <p class="pink">で指定、小さいピンク文字 */
.pink{
font-size:12px;
padding:2px 5px;
color:white;
background-color:#e95295;
}

/* <az　popupリンクの色、ホバーとリンク後 */
az:hover{
color:#e95295;	
}
az:visited{
color:#af6e8b;		
}





/*cocoonトグルボックスカスタム*/
.ath-toggle-first .toggle-button, .ath-toggle-middle .toggle-button, .ath-toggle-last .toggle-button{
	text-align:left;
	background:rgba(0,0,0,0.3);
	border-radius:0px;
	border-color: #f582ae;
}
.ath-toggle-first{
	margin-bottom:0px;
}
.ath-toggle-first .toggle-button{
	border-bottom:0px;

}
.ath-toggle-middle{
	margin-top:0px;
	margin-bottom:0px;
}
.ath-toggle-middle .toggle-button{
	border-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
.ath-toggle-last{
	margin-top:0px;
}
.ath-toggle-last .toggle-checkbox:checked~.toggle-button{
border-bottom:0px;	
}

.ath-toggle-first .toggle-checkbox:checked~.toggle-content,.ath-toggle-middle .toggle-checkbox:checked~.toggle-content{
	border-bottom:0px;
	border-radius:0px;
}
.ath-toggle-last .toggle-checkbox:checked~.toggle-content{
	border-radius:0px;
}


/*ブロック枠線*/
.waku1 {
  padding:0.7em; /*段落余白*/
  border: 3px solid #f582ae; /*枠線*/
	border-bottom:0px;
	background:rgba(0,0,0,0.3);
}

.waku2 {
  padding:0.3em; /*段落余白*/
  border: 3px solid #f582ae; /*枠線*/
	background-color: #fdeef4;
}

.waku3{
  padding:0.7em; /*段落余白*/
  border: 3px solid #f582ae; /*枠線*/
	border-bottom:0px;
	background-color: #fdeef4;
  border-radius: 10px; /*角丸*/
}
/************************************
** トグルボックス
************************************/
/*全体枠*/
.toggle-wrap {
border: 1px solid #f582ae; /*枠線種・太さ・色*/
}
/*見出し*/
.toggle-button {
background-color: #fdeef4;/*背景色*/
color: 　　　;/*文字色*/
border: 2px solid #f582ae; /*枠線種・太さ・色*/
}
.toggle-button:hover {
color: #555;/*文字色*/
}
/*内容*/
.toggle-wrap .toggle-content{
font-size:25px;
}