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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.Notification-frame {
	padding: 8px;
	margin-top: 14px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold ;
	background-color: #F4F5F7;
}


#toc h2.toc tnt-number toc-center border-element {
	padding:12px 20px;
}

.article h2 {
    font-size: 22px;
    padding: 14px 20px;
    background-color: #f5f6f7;
    border-radius: 2px;
}

/*エントリー・アーカイブの見出しここから*/
.entry-title,
.archive-title,{
  font-size: 22px;
  margin: 16px 0;
  line-height: 1.3;
}

@media screen and (max-width: 480px) {
  .entry-title {
   font-size: 20px;
   padding:0px;
  }
  .article h2 {
   font-size: 20px;
 }
}
/*エントリー・アーカイブの見出しここまで*/

/* サイドバーここから */
.author-widget-name {
  font-weight:bold;
}

.author-description {
  font-size: 16px;
}

#recent-posts-2 li,
#archives-2 li,
#categories-2 li{
  font-size: 16px;
}

#recent-posts-2 h3,
#archives-2 h3,
#categories-2 h3{
  font-size: 20px;
}


/*---------------------------------
親カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}

.widget_categories ul li a::before{
  font-family: FontAwesome;
  content: "\f07b"; /* FontAwesomeのユニコード */
  color: #333333; /* アイコンの色 */
  padding-right: 6px;
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}

/*---------------------------------
子カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li ul li a::before{
  font-family: FontAwesome;
  content: "\f114"; /* FontAwesomeのユニコード */
  color: #333333; /* アイコンの色 */
  padding-right: 6px;
}
/* サイドバーここまで */


/*著者情報を消す*/
.page .author-info {
    display: none;
}

/*固定ページのタイムスタンプを消す*/
.page-id-9 .date-tags,
.page-id-53 .date-tags,
.page-id-70 .date-tags,
.page-id-91 .date-tags,
.page-id-97 .date-tags,
.page-id-106 .date-tags,
.page-id-315 .date-tags
{
    display: none;
}

/*年会費テーブル*/
table.annual-fee
{
	width: 100%;
}

td.annual-fee-left-cell
{
	width: 15%;
	text-align: center;
	font-weight: bold;
}

td.annual-fee-right-cell
{
	width: 85%;
	text-indent: 1em;
}

p.annual-fee
{
	margin: 0;
	padding: 0;
}

/************************************
** メルマガ登録ページ
************************************/
#mc_embed_signup input[type="submit"] { /*送信ボタンの装飾*/
  -webkit-appearance: none;
  height:60px;
  line-height:60px;
  width: 100%;
font-weight: bold;
  cursor: pointer;
  background: #9E2327;
  color: #fff;
  border: none;
  font-size: 17px;
}
#mc_embed_signup input[type="submit"]:hover { /*送信ボタンのマウスホバー時*/
	 background: #b35253;
}


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

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

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