@charset "UTF-8";

/*!
Theme Name: Cocoon Child kodomo.matsumurasika.com
Description: Cocoon専用の子テーマ
Theme URI: https://kodomo.matsumurasika.com
Author: 
Author URI: 
Template:   cocoon-master
Version:    1.1.3
*/

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

/*テーマCSS本体*/
@import "../cocoon-child-foods-oda-jp/css/import.css";

/*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; }
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; }


#wrapper .--br_sp_hidden br{ display:none; }

#wrapper .cat-link { background: none; }

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

.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.176vw;}
  .fz-18px { font-size:1.176vw; }
  .main { width:70%; }
  .home #content{ font-size:1em; }
  body #wrapper a.page-numbers { line-height: 46px; }
  #wrapper .--br_sp_hidden br{ display:inline; }
  #wrapper .--br_pc_hidden br{ display:none; }
  
} /* 768px以上で適用される　レイアウトの指定　ここまで */
@media print, screen and (min-width: 1280px) {
  body { font-size: 1.6rem; min-width:1200px; }
  .fz-18px { font-size: 1.6rem; }
  .content{ width: 1200px; }
  
} /* 1280px以上で適用される　レイアウトの指定　ここまで */


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

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

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




.footer__navi span{
	font-size:0.9em;
	color:#53526C;
	text-decoration:none;
	color:#000;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
@media print, screen and (min-width: 768px) {
	.footer__navi span{
		padding:0 0.5em;
	}
  }
}
.footer__navi.--type02{
	margin-top:1.5em;
}
@media print, screen and (min-width: 768px) {
	.footer__navi.--type02{
		margin-top:0;
	}
}