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



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

/*h2の見出しデザイン*/

.article h2 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線*/
  border-bottom: solid 1px #ffaf58;/*下線*/
}

/* 箇条書きのマーカー色を変更（対応ブラウザ向け） */
ul li::marker,
ol li::marker {
  color: #ff7a00; /* お好みで変更 */
}

.footer-bottom-logo .footer-site-logo-image {
  width: 220px;   /* 約15%拡大 */
  height: auto;
}

/*固定ページの日付非表示*/	
.page .date-tags {
  display: none;
}


/*フロントタイトルリスト */
.info-list-item {
display:flex;/*横並びに変更*/
flex-direction: row-reverse;/*前後逆に*/
justify-content: flex-end;/*前後逆に*/
padding-bottom:0px;/*文字間調整*/
}
.info-list-item-categorys {
display:none;/*カテゴリ消す*/
}
.info-list-caption {
display:none;/*キャプション消す*/
}
.info-list-item-date {
font-size:15px;/*日付大きさ*/
margin-left:5px;/*文字間調整*/
color:gray;/*日付文字色変更*/
}
.info-list-content{
margin:0px;/*文字間調整*/
}


/* エントリーカード スニペット */
.entry-card-snippet {
  font-size: .95em; /* 0.8em */
}

/* ブログカード スニペット */
.blogcard-snippet {
  font-size: .95em; /* 0.8em */
}

/* 投稿関連記事 スニペット */
.related-entry-card-snippet {
  font-size: .95em; /* 0.8em */
}

/*1023px以下でロゴを消す*/
@media screen and (max-width: 1023px){
	img.site-logo-image{
		visibility: hidden;
	}
}

/*1023px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 1023px){
	.logo-menu-button.menu-button{
		background-image: url(https://shokuseitaigaku.com/2025/wp-content/uploads/2025/06/yoko-e1750660507948.png);
		background-size: auto 40px;
		background-position: center;
		background-repeat: no-repeat;
}
}

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

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

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