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

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

/*フッターロゴサイズ*/
.footer-bottom-logo .logo-image {
	padding: 0;
	max-width: 30％;
}

.footer-bottom-logo img {
	height: 125px;
	width: auto;
}

/*フッターのサイズ調整*/
.footer-bottom{
	bottom: 0;
	margin-top: 0;
	padding: 0;
}

.footer{
	padding-top: 85px;
	padding-bottom: 20px;
}

.header{
	padding: 5px 0
}

/*リンクのアンダーラインを消す*/
a {
	text-decoration: none;
	color:#4ab25b;
}

/*シングルページの幅を縮める*/

.editor-visual-editor__post-title-wrapper > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 500px;
	margin-left: auto !important;
    margin-right: auto !important;
}


.block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 500px;
    margin-left: auto !important;
    margin-right: auto !important;
}


/*お気に入りカードのボトムを小さくする*/
 .body .navi-entry-cards{
  margin-bottom: 0.2em;
}

/*お気に入りカードのスクロールバーを付ける*/
.recommended{
  overflow: auto;
}

/*お気に入りカードをサイズを調整＋折り返しなし*/
 .recommended .navi-entry-cards {
  flex-wrap: nowrap;
  width: 170%;
}

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

/* ヘッダーロゴを非表示 */	
	.logo-header {
		display: none;
	}
/*フッターのサイズ調整*/	
	.footer{
	padding-top: 15px;
	padding-bottom: 20px;
	}
/*ナビメニューボタンのサイズ調整*/		
	.mobile-menu-buttons .menu-button {
	height: 70px;
	}
/* ヘッダーロゴの隙間をなくす */
	.logo-menu-button img {
    max-height: 70px;
	}
/*お気に入りカードをサイズを調整*/	
	 .recommended .navi-entry-cards {
	width: 180%;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
/*お気に入りカードをサイズを調整*/
	.recommended .navi-entry-cards {
	width: 300%;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/*お気に入りカードをサイズを調整*/	
	.recommended .navi-entry-cards {
	width: 300%;
	}
}