@charset "UTF-8";

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

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

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

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

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

/************************************
****　インデックス
************************************/
a.entry-card-wrap.a-wrap.border-element.cf{/*カード本体*/
padding:.5em;
width:49.2%;
margin-bottom:2em;
}

.e-card-thumb .cat-label{/*カテゴリラベルを右に寄せる*/
margin-left:.8em;
}

@media screen and (max-width: 600px){/*画面幅600pxまで、1カラムにする*/
a.entry-card-wrap.a-wrap.border-element.cf{
margin:.5em 1em!important;
}
.ect-vertical-card .entry-card-wrap {
width: 95%!important;
}
figure.entry-card-thumb.card-thumb.e-card-thumb{/*サムネイル大きさ・位置をflexで中心に*/
max-height:250px;
}
}

@media screen and (max-width: 480px){/*カード本体*/
a.entry-card-wrap.a-wrap.border-element.cf{
margin: .5em 10px 20px!important;
width:120%!important;
}
.e-card-thumb .cat-label{/*カテゴリラベルを右に寄せる*/
margin-left:0.8em;
}}

@media screen and (min-width: 601px) and (max-width: 834px){/*通常記事本文の周囲の空白にも影響している*/
div#content.content.cf{
margin:1em;
}}

h2.entry-card-title.card-title.e-card-title{/*カードタイトル*/
color:#555;
font-weight:bold;
line-height:1.6;
}

@media screen and (max-width: 480px){
h2.entry-card-title.card-title.e-card-title{/*カードタイトル*/
margin-top: 8px;
}}

.entry-card-snippet.card-snippet.e-card-snippet{/*スニペット*/
font-size:11px;
color:#333;
line-height:1.8em;
padding-top:5px;
overflow :hidden
text-overflow: ellipsis;
white-space: narrower;
margin-bottom:0em;/日付を上げる*/
max-height:20em;
}

a.entry-card-wrap.a-wrap.border-element.cf .post-date,
a.entry-card-wrap.a-wrap.border-element.cf .post-update{/*日付・更新日*/
margin-right:0em!important;
font-size:.86em;
}


.eye-catch .cat-label, .cat-label{/*カテゴリラベル全体デザイン*/
font-size:.6.5em;
border-radius:10px;
margin:0.3em;
padding:0 0.5em 0;
background-color:#5b5b80;
color:#fff;
opacity: 0.6;
border: 0;
}


.pagination-next { display: none;}


.page-numbers { color: #ceb7e2; border: 1px solid #ceb7e2; border-radius: 50%;}.pagination .current { background-color: #ceb7e2; color: #fff;}.page-numbers.dots { opacity: 1; background: none;}.pagination a:hover { background-color: #ceb7e2; color: #fff;}



/************************************
** サイドバー
************************************/
.widget h3, 
.related-entry-heading, 
.comment-title
{font-family: 'Lato', sans-serif; 
color:#555;
font-size:20px;
}

.sidebar h3 {
background:transparent; /* Cocoon親テーマCSSリセットのため */
padding: 8px 0px;
border-bottom: 2px #ceb7e2 dotted; /* ドット下線追加 */
letter-spacing: 0.1em; /* 字間を広げる */
}

.widget_categories {
 font-family: 'Lato', sans-serif;
 color:#333;
 font-size:14px;
}



/************************************
** プロフィール 枠線消す
************************************/
.author-box .sns-follow-buttons a.follow-button 
{background-color: #fff;
color:black;
border: 0px;}




/************************************
****　プロフィール
************************************/ 
.author-box {
  border: 0px;
}

.author-box p{
font-size:14px;
color:#333;
line-height:1.8em;
margin:0 0 1.2em;
}

.author-box .author-name a {
font-family: 'Lato', sans-serif;
letter-spacing: 0.04em;/*字間を広げる*/
} 




/************************************
** 見出し
************************************/
/* 見出しカスタマイズ */
/* H2 */
.article h2{
background:none;
padding: 0.7em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #F4f4f4;/*背景色*/
border-left: solid 5px #CEB7E2;/*左線（実線*/ 

}
	
/* H3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 3px;
border-bottom: 2px dotted #ceb7e2;
letter-spacing: 0.1em;
color: #494949;
}



/* H4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;6
}
 
/* H5 */
.article h5{
border-bottom:none;
padding: 0;
}
 
/* H6 */
.article h6{
border-bottom:none;
padding: 0;
}
 

/************************************
** 
************************************/


/************************************
** 
************************************/



/************************************
** 下線
************************************/
/*マーカー*/
.marker {
  background-color: #ff9;
}
.marker-red {
  background-color: #ffd0d1;
}
.marker-blue {
  background-color: #a8dafb;
}
/*下半分のマーカー色（km）*/
.marker-under {
background: linear-gradient(transparent 75%, #FFFFC2 60%);
}
.marker-under-red {
  background: linear-gradient(transparent 60%, #ffd0d1 60%);
}
.marker-under-blue {
  background: linear-gradient(transparent 60%, #a8dafb 60%);
}



	
 
/*---------------------------------
固定ページの日付を非表示にする
--------------------------------*/
.page .date-tags{
display: none;
}


/*---------------------------------
モバイルフッターメニュー右からスライド
--------------------------------*/
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}