@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*投稿日・更新日を消す場合*/
.page .date-tags {
    display: none;
}

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

/*まとめて消す場合*/
.page .date-tags,
.page .author-info {
    display: none;
} 

/*投稿日のみを消す場合*/
 .page .post-date {
    display: none;
}

/*固定ページのタイトルを非表示*/
.page .entry-title{
	display: none;
}


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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/************************************
** 目次カスタマイズ
************************************/
.toc-title {
    font-weight: bold;
}
.toc {
	background: #ffffff;
	border: 5px solid;
	color: #F39700;
	font-size: 20px;
}
 
.toc a {
	color: #F39700;
}
/************************************
** 見出しカスタマイズ
************************************/ 
/*AMBER*/
.article h2{
    border: none;
    padding: 0.6em;
    opacity: 0.7;
    color: white;
    background: #ff6f00 /*amber 900*/
}
.article h3{
    border: none;
    background: none;
    margin-left: 0px;
    padding: 0.6em;
    border-left: solid 6px #ffa000 /*amber 700*/
}
.article h4{
    border: none;
    background: #fff8e1; /*amber 50*/
    border-left: solid 6px #ffa000 /*amber 700*/
}
.article h5{
    border: none;
    border-bottom: solid 3px #ffc107 /*amber 500*/
}
.article h6{
    border: none;
    border-bottom: dotted 3px #ffd54f /*amber 300*/
}
/************************************
** ヘッダーフッター余白削除
************************************/ 

.header {
margin-bottom: 0;
}

.content {
margin-top: 0;
margin-bottom: 0;
}

.main {
margin-top: 0;
margin-bottom: 0;
}

.article-footer.entry-footer {
	display: none;
}

#main {
	padding-top: 0;
	padding-bottom: 0;
}

.entry-content,
#pl-36 {
	margin-top: 0;
	margin-bottom: 0;
}

#footer {
	margin-top: 0;
}