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

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

#navi .navi-in{
 font-weight:bold;
}

	.entry-title {
	font-size: 1.8rem;
	}

/*ヘッダーモバイルボタンの文字色と背景色を変更*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	color: #515151;
}

.menu-drawer a{
	font-size: 1.1em;/*文字の大きさ*/
	color: #515151;/*文字の色*/
	height: 2em;/*行の高さ*/
	
}

.page .date-tags {
display: none;
}

/*×アイコンを移動*/
.menu-close-button {
 padding-top: 15px;
 padding-left: 25px;
 padding-bottom: 30px;
text-align: left;
font-size: 1.5em;
}

.menu-drawer a {
line-height: 1.8em;
border-bottom: solid 1px #e6e6e6;
}

.sub-menu li {                                      
font-size: 0.9em;
}

ul li, ol li {
padding-bottom:12px;
line-height:1.8;}


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

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

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

/*マウスオーバー時 背景色と文字色が変わる*/
#navi .navi-in a:hover{
	color: #ffffff;
	background: #A0A0A0;
	transition: 0.2s ;
}


/*グローバルメニューの高さを変更*/
#navi .navi-in > ul li{
	height: 80px;
	line-height: 80px;
}


/*グローバルメニューのグラデーション*/
.navi.cf{
background-image: linear-gradient(#7e9961 0%, #ffffff 20%, #ffffff 100%);
}

p {
  padding-left: 15px; /* Adds 20px of padding to the left */
}


.tagcloud a {
   background: none; /*背景を消す*/
   border: 1px solid #7e9961; /*実線の太さと色*/
   border-radius: 20px; /*角の丸み*/
   color: #3a3a3a; /*文字色*/
   padding: 3px 10px; /*要素の内部余白*/
   text-decoration: none; /*文字の装飾なし*/
   font-size: 13px; /*文字サイズ*/
   margin: 2px; /*要素の外部余白*/
   display: flex; /*横並びにする*/
   flex: 1 1 auto; /*余白分の自動伸縮比率*/
   justify-content: space-between; /*左右幅いっぱいに均等に配置する*/
}
.tagcloud a:hover { 
   background: #7e9961; /*カーソルを合わせた時の背景色*/
   border: 1px solid #7e9961; /*カーソルを合わせた時の線色*/
   color: #fff; /*カーソルを合わせた時の文字色*/
   transition: 0.5s; /*アニメーションの時間*/
}