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

/************************************
** 子テーマ用のスタイルを書く
************************************

/*必要ならばここにコードを書く*/

/** サイトタイトルの文字の大きさ **/
.site-name-text{
font-size: 40px;
font-family: 'HG', serif;
}

/** ヘッダータイトルを非表示にする **/
.site-name-text {
display: none;
}


/*ウィジェットタイトル・背景*/
#sidebar .widget-sidebar-title{
background: #e9e9e9; /*背景色*/
color: #666; /*文字色*/
font-family: 'HG';
padding-left: 20px;	
padding-bottom: 7px;
}

/*** 目次 ***/
.toc {
  display: block;
  padding: 20px 20px 20px 20px;
  max-width: 600px;
  border: 1.2px #a9a9a9 solid !important;
 }


/** 目次のジャンプ位置の位置調整 **/
span[id^="toc"] {
padding-top: 2.5em;  /* 数値変更で調整可能 */
}

/*** 見出し ***/

.article h1 {
margin-top : 35px;
margin-bottom : 50px;
}

.article h2 {
font-size: 25px;
color: #333;
border: none;
background-color: #f1f1f1;	
padding-top: 20px;	
padding-bottom: 15px;
margin-top : 40px;
margin-bottom : 20px;	
}
	
.article h3 {
font-size : 24px;
color : #222;
border-width : 2px;	
border-top: none;
border-right: none;
border-left: none;
border-color : #cc3300;
padding-top: 20px;
padding-bottom : 8px;
}

.article h4 {
color :	#222;
font-size : 22px;
border: none;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom : 20px;	
}


.article h5 {
border: none;
padding: 0;
}
.article h6 {
border: none;
padding: 0;
}
 


/******* box *********/


.a-waku1{
 padding-top : 10px;
 padding-left : 10px;
 padding-right : 10px;
 padding-bottom : 10px;
 border : 1px solid silver;
 margin-top : 20px;
 margin-bottom : 10px;
 line-height : 1.7;
}

.a-waku1-r{
 padding-top : 10px;
 padding-left : 10px;
 padding-right : 10px;
 padding-bottom : 10px;
 border-width : 1px;
 border-style : solid;
 border-color : silver;
 border-top-left-radius : 5px 5px;
 border-top-right-radius : 5px 5px;
 border-bottom-right-radius : 5px 5px;
 border-bottom-left-radius : 5px 5px;
 margin-top : 20px;
 margin-bottom : 20px;
}


/********** table **********/
table{
 margin-top : 20px;
 margin-right: auto;
 margin-bottom : 20px;
 margin-left: 10px;
 border-collapse: collapse;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color : #cccccc;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color : #cccccc;
 width: 90%;
}

table th{
 padding-top: 8px;
 padding-right: 15px;
 padding-bottom: 8px;
 padding-left: 8px;
 text-align: left;
 background-color: #d3e2c7;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #cccccc;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #cccccc;
}

table td{
 padding-top: 8px;
 padding-right : 10px;
 padding-bottom: 8px;
 padding-left: 8px;
 text-align: left;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color : #cccccc;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color : #cccccc;
 font-size : 16px;
 font-family : メイリオ, "Meiryo UI";
 line-height : 1.7;
}

/********** tableここまで **********/

/********** リストの行間を開ける **********/

ul li, ol li {
padding-top:10px;
padding-bottom:10px;
line-height:1.8;}





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

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

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