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

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


/*CocoonのCSSのリセット*/
body #wrapper{ line-height: 1.4; }
body #wrapper a{ line-height: 1; }
a:where(:not(.wp-element-button)) {
    text-decoration: none;
}
#wrapper .container { padding:0; width: 100%; }
#wrapper .container { max-width:unset; }
.header-container{ background:none; }
#wrapper .main{
	background: none;
	width: auto;
	padding: 0;
	border: none;
	border-radius: unset;
}
.footer-bottom {
    margin-top: 0;
    padding: 0;
}
.wrap{ width: auto; }

.content{
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:0;
}
.body .article{ margin: 0; }
#wrapper .entry-title{ margin: 0; }
#wrapper .content{ width:auto; }
.header .tagline { margin:0;}
.entry-content,.entry-content>#contents{
	margin-bottom: 0;
}
.footer{ margin-top: 0; padding:0;}
.footer-bottom-logo { display: none; }
.home .footer{ margin-top: -15px; }
a{color:#000;text-decoration:none; }

.pagination-next{ display:none; }

#content-in{ display:block; }

.cat-label{ display:none; }

body #wrapper a.page-numbers { line-height: 46px; }

.homeBlogBox__image{
 overflow:hidden;
 aspect-ratio: 1 / 1;
 width:100%;
 display:flex;
 align-content:center;
 justify-conent:center;
 img{
  width:100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
 }
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

.fz-18px { font-size:3.5vw;}
body #wrapper a.page-numbers { line-height: 34px; }
@media print, screen and (min-width: 768px) {
	body { min-width:768px; font-size:1.4vw;}
	.fz-18px { font-size:1.4vw; }
	.main { width:70%; }
	.home #content{ font-size:1em; }
	body #wrapper a.page-numbers { line-height: 46px; }
	
} /* 768px以上で適用される　レイアウトの指定　ここまで */
@media print, screen and (min-width: 1200px) {
	body { font-size: 1.6rem; min-width:1200px; }
	.fz-18px { font-size: 1.6rem; }
	.content{ width: 1200px; }
	
} /* 1200px以上で適用される　レイアウトの指定　ここまで */


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

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

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