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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.content{
	margin-top: 10; /*　ヘッダーとメイン記事の間の距離　*/
}

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

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

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

/* 「新着記事」を非表示にするCSS ★★★このコードは大事★★★ */
div#list-wrap .list-new-entries {
  display: none;
}

/*カテゴリごとのタイトル表示設定*/
.list-title-in{
	display: inline-block;/*表示形式*/
	padding: 0em 1em 0em 1em;/*文字の上右下左の余白*/
	margin-top 0em;
	/*width = 90%;  /*★★★実験中*/
	font-size: 24px;/*文字の大きさ*/
	background: #FFE9C0;/*ボタン色*/
	color: #A0673A;/*文字色*/
	border-top: solid 4px #A0673A;/*上線の種類・太さ・色*/
	border-bottom: solid 4px #A0673A;/*下線の種類・太さ・色*/
	border-radius: 3px;/*角の丸み*/
}

.list-title-in:before, .list-title-in:after {
	display: none;/*文字の横の線を消す*/
}

/*どこに作用しているかは分からないけどメインページのトップと最初のカテゴリ表示文字列との間の余白は確実に減りました*/
.home main#main {
	padding-top: 0em;
}

/************************************
****　インデックス
************************************/
/*エントリカードのボーダーに関する設定*/
a.entry-card-wrap.a-wrap.border-element.cf{
padding:0em; /* カードの余白調整 */
border-color: #ccc;
border-radius:10px; /*エントリーカードの角の丸みの調整 */
width:48.5%; /*エントリーカードの大きさ指定。％を変えると1列や3列になったりする。48%がちょうどいい*/
margin-bottom:1em; /*エントリーカード下余白*/
margin-left:0em; /* エントリーカード左余白 */
border: solid 1px #ccc; /*枠線形状・色*/
}
/* box-shadow: 0px 0px 10px 1px #ccc; /* (右側に影ができる,下に影ができる,周りにやわらかい影ができる,周りに固い影ができる)*/ */
}
/*???*/
a.entry-card-wrap.a-wrap{
transition: all .1s;
}
/* エントリーカードの上をマウスが通った時の処理はこちら */
a.entry-card-wrap.a-wrap:hover {
box-shadow: 0px 0px 10px 10px #ccc; /* (右側に影ができる,下に影ができる,周りにやわらかい影ができる,周りに固い影ができる) */
transform: translateY(-3px); /* Yだと縦方向に動かす */
transition: all .1s;
background-color: #fff; /*選択された時にボックスが暗くなる標準の動作を防ぐ */
/* opacity: .3; 透明度が変わる */
}
/*スクロールバーの設定か？thumbはスクロールバーのつまみの部分*/
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:300px; /*エントリーカードの高さ指定 */
border-radius:10px 10px 0px 0px/ 10px 10px 10px 10px; /*カードの丸みの設定 */
overflow:auto; /*ブロックに入らない内容をどう表示するかの設定部分だが変えても動作しない*/
display: flex; /*並列レイアウトの設定で使うらしい*/
justify-content: space-evenly; /*フレックスコンテナ内でのスペースの取り方（あまり変化なかった）*/
align-items: center;/*縦の位置調整align（アラインと読む）stretchだと伸びたりする*/
}
/*カテゴリーラベル設定*/
.e-card-thumb .cat-label{
/* margin-top:0.5em; /* emは文字の高さを基本とした単位。文字が10pxなら1emは10pxになる */ 
/* margin-left:0.5em; /* カテゴリーラベルを表示するなら上と左は0.5emがちょうどいい感じ */ 
display:none; /*カテゴリーラベルを非表示に設定 */
}
/* @media screen and (max-width: 1100px){ /* ビューポートが1100PXより狭い場合 */
/* figure.entry-card-thumb.card-thumb.e-card-thumb{ */
/* max-height:120px; */
/* }} */
/* @media screen and (max-width: 1023px){ /* ビューポートが1023PXより狭い場合 */
/* figure.entry-card-thumb.card-thumb.e-card-thumb{ */
/* max-height:180px; */
/* }} */
/* a.entry-card-wrap.a-wrap:hover { /* マウスが上に来た時の処理・上にも同様の処理がある*/
/* transform: none; */
/* background-color: #f7f7f7; */
/* } */
/* @media screen and (max-width: 900px) /*{ ビューポートが900PXより狭い場合 */
/* figure.entry-card-thumb.card-thumb.e-card-thumb{ */
/* max-height:160px; */
/* }} */
/* @media screen and (max-width: 750px){ /* ビューポートが750PXより狭い場合 */
/* figure.entry-card-thumb.card-thumb.e-card-thumb{ */
/* max-height:260px; */
/* }} */
/* @media screen and (max-width: 600px){ /* ビューポートが600PXより狭い場合 */
/* figure.entry-card-thumb.card-thumb.e-card-thumb{ */
/* max-height:1000px; */
/* } */
/* a.entry-card-wrap.a-wrap.border-element.cf{ */ /* ここの処理をコメントアウトしないとスマホで１列表示になってしまう*/
/* margin:.5em 1em!important; */
/* } */
/* .ect-vertical-card .entry-card-wrap { */
/* width: 95%!important; */
/* } */
/* } */
	
/* @media screen and (max-width: 480px){ /* ビューポートが480PXより狭い場合 */
/* .e-card-thumb .cat-label{ */
/* margin-left:1em; */
/* }} */
	
/* @media screen and (max-width: 1023px){ /* ビューポートが1023PXより狭い場合 */
/* div#list a { */
/* box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2); */
/* }} */
	
/* @media screen and (min-width: 601px) and (max-width: 834px){ /* ビューポートが601PXより広くて834PXより狭い場合 */
/* div#content.content.cf{ */
/* margin:1em; */
/* }} */
	
h2.entry-card-title.card-title.e-card-title{ /* カードタイトル（記事名が表示される部分かな）*/
font-size: 14px;
color:#696969;
font-weight:bold;
text-align:center;
line-height:1.8em;
margin-top:0.3em; /*テキスト部分の上余白*/
margin-right:0em; /*テキスト部分の右余白*/
margin-bottom:0em; /*テキスト部分の下余白*/
padding: 0 1.5em 0;
}

/* .entry-card-snippet{ */
/* -webkit-line-clamp: unset; */
/* } */
	
/* .entry-card-snippet.card-snippet.e-card-snippet{ /* 記事詳細が表示される部分か（COCOON設定で非表示にしてある） */
/* font-size:10px; */
/* color:#7b7b7b; */
/* text-align:center; */
/* border-top:3px dotted #FFD486;点線の色変更はこちら */
/* line-height:1.8em; */
/* padding-top:0em; */
/* margin-left:2em; */
/* margin-right:2em; */
/* margin-bottom:0em; */
/* max-height:20em; */
/* } */
	
/* @media (max-width:834px){ */
/* h2.entry-card-title.card-title.e-card-title{ */
/* font-size: 1.15em; */
/* font-weight:bold; */
/* line-height:1.7em; */
/* padding: 1.5em .8em 1em; */
/* margin:0; */
/* } */
	
/* .entry-card-snippet.card-snippet.e-card-snippet{ */
/* font-size:.5px; */
/* text-align:center; */
/* border-top:3px dotted #FFD486;点線の色変更はこちら */
/* line-height:1.8em; */
/* padding:1em 0.5em 0; */
/* margin: 0 1em 1.5em; */
/* } */

/* main.main, div.sidebar { */
/* padding:0; */
/* } */
/* } */
/* a.entry-card-wrap.a-wrap.border-element.cf .post-date,
a.entry-card-wrap.a-wrap.border-element.cf .post-update{
margin-right:1.5em!important;
color:#785542;
font-size:.86em;
}
.eye-catch .cat-label, .cat-label{
font-size:.7em;
border-radius:10px;
margin:0.5em;
padding:0 0.5em 0;

background-color:#FFE9C1;カテゴリーラベルの色変更はこちら
border-color:#785542;
color:#785542;カテゴリーラベルの文字色変更はこちら
}
div.admin-pv{/*閲覧数を非表示 */
/* display:none; */
/* } */

/*プロフィールの設定*/
.ex1{ /*自己紹介文の文字設定*/
	font-size:16px;
	line-height:20px;
}
.prof_img{ /*プロフィール画像の設定*/
 margin:0 auto; /*サンプルで中央に寄せたいので書かせていただいております。*/
}
.prof_img img{
vertical-align: bottom;
border: 2px solid #785542;
position: relative; /*overflowが効かない時のおまじない。*/
overflow:hidden; /*これを記述することではみ出た部分を非表示にします。*/
border-radius:50%;
transition:0.3s all;

}
.prof_img img:hover{
  transform:scale(1.1,1.1);
  transition:0.3s all;
}

/* モバイルトップメニュー 横スクロール*/
@media screen and (max-width: 480px){
	ul.menu-mobile{
		overflow-x: auto;
		overflow-y: hidden;
		display: flex !important;
		flex-wrap: nowrap;
		font-size: 14px;
		justify-content: flex-start;
		padding: 0 1em;
		-webkit-overflow-scrolling: touch;
		position: relative;
	}

	ul.menu-mobile > li{
		padding-right: 1em;
		white-space: nowrap;
	}
	ul.menu-mobile　.item-label{
		white-space: nowrap;
		font-size: 14px;
	}
}

/*プロフィールの設定*/
.exp1{
	color:#785542;
}
.exp2{ /*自己紹介文の文字設定*/
	font-size:16px;
	color:#785542;
	line-height:20px;
}
.prof_img{ /*プロフィール画像の設定*/
 margin:0 auto; /*サンプルで中央に寄せたいので書かせていただいております。*/
}
.prof_img img{
vertical-align: bottom;
border: 3px solid #785542;
position: relative; /*overflowが効かない時のおまじない。*/
overflow:hidden; /*これを記述することではみ出た部分を非表示にします。*/
border-radius:50%;
transition:0.3s all;

}
.prof_img img:hover{
  transform:scale(1.1,1.1);
  transition:0.3s all;
}

/*見出しのカスタマイズ*/
#main h2 {  /* #mainを追記することで優先順位があがるようです。 */
margin-top: 0px;
padding: 0.5em;/*文字周りの余白 */
color: #785542;/*文字色 */
background: #FFE9C1;/*背景色 */
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色） */
	
/*   padding: 0em;/*文字周りの余白*/ */
/*   color: #494949;/*文字色*/ */
/*   background: #fffaf4;/*背景色*/ */
/*   border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/ */
/*   border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/ */
}