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

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


/* 記事タイトルH2 */

.article h2{
padding: 0.5em;/*文字周りの余白*/
color: #555647;/*文字色*/
background: #D5EBE3;/*背景色*/
border-bottom: solid 12px #66CCBB;/*下線*/
}


/* 記事タイトルH3 */

.article h3{
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #EEE6FF;/*背景色*/
  border-left: solid 25px #6677CC;/*左線（実線 太さ 色）*/
  border-top: none;/*上線*/
  border-bottom: none;/*下線*/
  border-right: none;/*右線*/
}


/*  まとめ枠　*/
.article h4{
 	color: #fff;
	margin: 1.5em auto;
	padding: 14px 16px 12px;
	margin-bottom: 1.0em;
	background: #CC6677;
	border: 3px dashed #fff;
	border-radius: 6px;
	box-shadow: 0 0 0 4px #CC6677;
}

	
/*  記事本文背景色　*/
.main {
   background-color: #F7F7E6;
}



/*  メタ情報(投稿日・更新日)非表示　*/

.entry .post-meta .post-date{
display:none;
}


/*  訪問情報BOX　（仏閣編）　*/

.table_1{ width:100%; border-collapse:collapse; table-layout: fixed;}
.table_1 th, .table_1 td{ border: 3px solid #afd0c0; padding:10px; }
.table_1 th{ background-color:#316745; color: #F7F7F7; }
.table_1{ border-bottom:3px solid #afd0c0; }
.table_1 th, .table_1 td{ display:block; border-bottom:none; }
.table_1 .blank{ display:none; }


/*  訪問情報BOX　（神社編）　*/

.table_2{ width:100%; border-collapse:collapse; table-layout: fixed;}
.table_2 th, .table_2 td{ border:3px solid #edaba1; padding:10px; }
.table_2 th{ background-color:#ca5b56; color: #F7F7F7; }
.table_2{ border-bottom:3px solid #edaba1; }
.table_2 th, .table_2 td{ display:block; border-bottom:none; }




/*引用のスタイル*/
blockquote {
background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
background-color:#f3f3f3;
border: 1px solid #FFFFFF;
margin: 1em 0;
padding: 20px 55px;
position: relative;
}
blockquote:before {
color: #5AC1A6;
content: "“";
font-family: serif;
font-size: 600%;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
}
blockquote:after {
bottom: 0;
color: #5AC1A6;
content: "”";
font-family: serif;
font-size: 600%;
line-height: 0;
position: absolute;
right: 0;
bottom: -16px;
}
/* Internet Explorer11のみに適用したい設定 */
@media screen and (min-width:0\0) {
*::-ms-backdrop, blockquote:before { left:  -55px; }
*::-ms-backdrop, blockquote:after  { right: -55px; }
}









/*プラグイン Milliard　CSS設定　 */
.imgCell{
	height:140px;/* 各記事のアイキャッチ画像を140pxに設定 */
	overflow:hidden;
}

.titleCell{
	position:absolute;bottom:0px;left:0px;/* タイトルの表示位置を設定 */
	/* 以下、タイトルに関する文字の大きさ、背景、余白等設定 */
	height:52px;
	line-height:18px;
	font-size:12px;
	padding:5px;
	background-color:rgba(68,68,68,0.8);
}

a.ssTitleAnchor{
	color: #fff;/* タイトル文字色 */
}

.ssPoweredBy a{
	padding:2px 0px !important;
}

.contentContainer:hover{
	opacity: 0.5;/* 透過率50% */
	transition: 0.2s;/* アニメーション */
	-webkit-transition: 0.2s;
}

/* 60em以下の場合 */
.contentContainer{
	width :49%; /* 記事幅を設定 横に２記事並べる */
	float:left;
	position:relative;
	border:1px white solid; /* 記事間のラインを白に */
}
/* 60em以上の場合 */
@media screen and (min-width: 60em) {
	.contentContainer{
		width :33%; /* 記事幅を設定 横に３記事並べる */
		float:left;
		position:relative;
		border:1px white solid; /* 記事間のラインを白に */
	}
}


/*エントリーカード画像サイズ設定　 */
.entry-card-thumb {
width: 250px;
}

.entry-card-content {
margin-left: 210px;
}





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

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

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