@charset "UTF-8";

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

/*カスタマイズ メモ
広告位置をh2からmore部に変更 親テーマlib/ad.php https://goo.gl/Otfiuu
define('H2_REG', '#<p><span id="more-\d+"></span></p>#i');

ソースコードのハイライト表示にはPrism.jsを使っている（テーマの機能はOFFにしている）
*/

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

/* フォント強制変更 */
body{
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;
}

ins{
	text-decoration:none;
	background-color:#ffa;
}
ins[style]{
	background-color:transparent;
}
.logo{
	text-align:left;
	line-height:0;
}
.logo-image{
	padding-bottom:0;
}
.site-name{
	line-height:0;
}
.tagline{
	margin-top:5px;
	margin-bottom:18px;
	text-align:left;
	color:#444;
	line-height:1.4;
}
.navi{
	border-left:none;
	border-right:none;
	border-radius:0;
}
.item-label{
	font-size:0.9em;
}
.footer-bottom{
	margin-top:0;
	padding-bottom:18px;
}
.breadcrumb{
	margin-top:10px;
	margin-bottom:1.5em;
	font-size:14px;
	color:#555;
}
.entry-card-title{
	margin-bottom:10px
}
.entry-card-snippet{
	font-size:1em;
	line-height:1.4;
	max-height:9em;
	margin-bottom:5px;
}
.widget-entry-cards .widget-entry-card{
	font-size:0.9em;
	line-height:1.5
}
.nwa .author-box{
	border:none;
	padding-top:0;
	padding-bottom:0;
}
.cat-label{
	font-size:0.8em;
}
.a-wrap{
	color:#111;
}

/*記事*/
.entry-content h2{
	border-radius:0;
	background-color:#f7f7f7;
}
.entry-content p{
	line-height:1.6;
}
pre[class*="language-"] { /*prizm用 margin調整*/
    margin: 1.4em 0 !important;
}
.entry-content blockquote,
	padding:1.4em 50px;
}
.entry-content pre{
	margin-bottom:1.4em;
}
.entry-content blockquote p{
	font-size:0.9em;
	line-height:1.8;
	/*margin:1em 0;*/
	margin-bottom:1em;
}
blockquote cite{
	font-size:1em;
}
.entry-content blockquote > ul{
	padding-left:1em;
}
.ad-label{
	font-size:0.9em;
	color:#888;
}
.ad-content-middle{
	margin:2em 0 !important;
}

.video-container {
	margin: 0px auto;
}


/*コメント書き込みフォーム*/
input[type=text], textarea{
	font-family:inherit;
	font-size:1em;
}
.comment-notes{
	margin-top:50px;
}

/* 埋め込みツイート調整 */
.twitter-tweet{
    margin: 1.2em auto;
}

/* Lity調整 */
/*.lity-close{
	right: 20px;
    top: 20px;
}*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.logo{text-align:center;}
}

@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	body.public-page{background-color:#FFF !important;}
}

@media screen and (max-width: 450px){
  /*必要ならばここにコードを書く*/
	.tagline{display:none;}
	.logo{padding:15px 0;}
	.entry-content blockquote{
		padding:1em 25px;
	}
	.entry-title{
		padding-left:4px;
		padding-right:4px;
	}
}

@media screen and (min-width: 450px){
  /*必要ならばここにコードを書く*/
	.date-tags{
		font-size:1.4em;
		margin-bottom:1.5em;
	}
	.post-date{
		margin-right:8px;
	}
	.post-update::before,.post-date::before{
		padding-right:6px;
	}
	.entry-card-info span{
		font-size:1em;
	}
	.e-card-info .post-date{
		margin-right:10px;
	}
}

/* Prism用行折り返し */
/*code[class*="language-"]{
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  overflow: auto !important;
}*/