@charset "UTF-8";
/*!
Theme Name: IT Olive (Cocoon Child)
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Template:   cocoon-master
Version:    1.1.2
*/ /*/上記コメントは削除不可/*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/* 【基準フォントサイズ】… remの基 */
/*/html { font-size: 100%; } /* 16px */
/*/body { font-size: 1rem; }/*/

/* ........................................ */
/* 箇条書き(ul ol) */
/*/ 共通:ブラウザデフォルトを上書 /*/
ul, ol {
    margin-block-start: .5em;  
    margin-block-end: .5em; 
    padding-inline-start: 2em;
}
/*/ 第1階層　箇条書き　範囲 /*/ 
ul.olive, ol.olive {
	list-style: none; 
	padding-left: .5rem; 
	text-indent: -1.5rem; 
	margin: 0 0 1rem 1.5rem;
}
/*/ 第1階層　箇条書き リスト /*/ 
ul.olive > li, ol.olive > li {
	padding: .5rem 0
 	margin-left:.5rem;
}
/*/ 第1階層　箇条書き　リスト　行頭 /*/ 
ul.olive > li:before {
	display: inline-block; 
	text-indent: 0;
	width: 1.5rem; 
	color: #276676; 
	font-family:"Font Awesome 5 Free"; 
	content: "\f192";
	font-weight: 900; /* Solid */ 
 	font-size:.7rem;
}
ol.olive > li:before {
	display: inline-block; 
	text-indent: 0; 
	min-width: 1.5rem; 
	color: #276676;
	counter-increment: proc;
	content: counter(proc)"."; 
	font-size: 1.3rem; 
	font-family: 'Arial', Gadget, 'sans-serif';
}
/*/ OL番号リセット /*/
hi, h2, h3, h4, h5, ol.olive {
	counter-reset: proc;
}
/*/ 第2階層　箇条書き /*/
li ol, li ul {
	padding-left: 0; 
	text-indent: 0; 
	margin: 0 0 0 1.5rem;
}
li ol {
	list-style: decimal; 
}
li ul {
	list-style: circle; 
}
/* ........................................ */
/*/ サイトタイトルのテキスト /*/
.site-name-text {
    letter-spacing: 0.1em;
}
/* ........................................ */
/*/ オブジェクトキャプションのセンタリング解除 /*/
.iconlist-title {
    text-align: left;
}
/* ........................................ */
/*/ キーボード・UIテキスト /*/
kbd, .keyboard-key {
	padding: 1px 3px;
	margin-left: 3px;
	margin-right: 3px;
	background-color: #f9f9f9;
	border: 1px solid #aaa;
	border-radius: 2px;
	box-shadow: none;
	font-family: inherit;
	font-size: 1em;
	white-space: nowrap;
}
/* ................................ */
/*/ cocoon ボックス内のフォントサイズ /*/
div[class~="blank-box"], div[class~="block-box"]{
	font-size: .9rem;
}

/* ................................ */
/*/記事外の外観調整/*/
/* ................................ */
/*/ ヘッダー 高さ　デフォルトは 20　0　30/*/
.logo-text {
	padding: 5px 0 10px;
} 
/*/アイキャッチ画像のトリミング/*/
.entry-card-thumb-image {
    height: 200px;
    object-fit: cover;
}

/* ................................ */
/*/ サイドバー エリア /*/
/* ................................ */
.sidebar {
    background-color: transparent;
    padding: 19px 10px;
}
/*/ ポックス　全般 /*/
aside[class~="widget-sidebar"] {
    border-radius: 8px;
    /* border: outset 1px #ccc; */
    background-color: #fff;
	padding: 10px 5px;
	margin: 10px 0 0;
}
/*/ ポックス 検索Only /*/
aside[class~="widget_search"] {
    background-color: inherit;
	padding: 0;
	margin: 0;
}

.sidebar h3 {
    padding: 0 5px;
    background-color: inherit;
    border-radius: unset;
	margin: 0;
	font-weight: normal;
	color: #207223;
}
/*/サイド目次 外観調整 /*/
aside .toc {
	width: 100%;
}
aside .toc-content {
    border-top: none;
}

/*/ボックス内 UL 罫線付与/*/
.widget_recent_entries ul li, 
.widget_categories ul li, 
.widget_archive ul li, 
.widget_pages ul li, 
.widget_meta ul li, 
.widget_rss ul li, 
.widget_nav_menu ul li {
	font-size:.9rem;
	border-bottom: 1px dashed #d1d1db;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
	/*/bodyテキスト 14→16px/*/
	.page-body {
		 font-size: 16px;
	}
}