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

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

/* フロート解除 */
.clear,
ul {
	clear : both ;
}

/* 外部リンクアイコン消す */
.no-icon > .fa-link none;}


/* =============== *
 * 基本タグ
 * =============== */

h2,
h3,
h4,
h5 {
	clear : both ;
}

/* =============== *
 * 基本カラーとか
 * =============== */


/* =============== *
 * レイアウト
 * =============== */

/* ----------
 * 記事一覧レイアウト
 * ---------- */

/* ショートコード　日付 */
.new-entry-card-date {
  display: block;
}

.new-entry-card-date:before {
	font-family: "Font Awesome 5 Free";
  content: '\f073';
  font-weight: 400 ;
  color : #777  ;	
}

/* 更新日は載せない */
.new-entry-card-update-date {
	display : none ;
}


/* =============== *
 * コンテンツ用
 * =============== */

/* ----------
 * ulタグ レイアウト
 * ---------- */


/* リスト 右矢印 * ---------- */
ul.arw-r {
}

ul.arw-r li {
	list-style : none ;
}

ul.arw-r li::before {
	margin-left : -20px ;
	margin-right : 8px ;
	font-family: "Font Awesome 5 Free";
  content: '\f152';
  font-weight: 900 ;
  color : #737373 ;	
}

/* リスト 右矢印Wマーク * ---------- */
ul.li_arw-dr {
}

ul.li_arw-dr li {
	margin : 5px 0 ;
	padding : 5px ;
	list-style-type: none ;
	text-decoration : none ;
}

ul.li_arw-dr li:before {
	margin-left : -30px ;
	margin-right : 10px ;
	font-family: "Font Awesome 5 Free";
	content: '\f101';
	font-weight: 900 ;
	color : #777 ;	
}

/* fontawesome */
.fa-angle-double-right {
	color : #777 ;
}

/* リスト アスタリスク * ---------- */
ul.li_ast {
	list-style : none ;
	margin-top : 0 ;
}

ul.li_ast li {
	padding-left: -1.5em;
	line-height : 1.5 ;
}

ul.li_ast li::before {
	margin-right : 10px ;
	margin-left : -1.5em ;
	display : inline-block ;
	font-family: "Font Awesome 5 Free";
	content: '\f069';
	font-weight: 900 ;
}

/* 数字付きリスト * ---------- */
ol.no_c_b {
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	margin : 5px 0 ;
	padding: 0 0.5em;
}

ol.no_c_b li {
	margin : 0 ;
	padding-left: 25px;
	line-height: 2!important;
	border-bottom : none ;
	position: relative;
}

ol.no_c_b li:before { /* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number); /*以下数字のデザイン変える*/
	display:inline-block;
	background: #5c9ee7;
	color: white;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight:bold;
	font-size: 15px;
	border-radius: 50%;
	left: -5px;
	width: 20px;
	height: 20px;
	line-height: 18px;
	text-align: center; /*以下 上下中央寄せのため*/
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}




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

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

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