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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/************************************
****　フォントファミリー
************************************/
 /*font-family: "TsukuARdGothic-Regular","YuGothic","Yu Gothic","sans-serif";*/

/************************************
** リンクテキスト カスタマイズ
************************************/
a{ /*リンクテキスト装飾無し*/
  color: #006837;
  text-decoration: none;
}
a:hover { /*リンクテキストホバー時アンダーライン表示*/
  color: #64b334;
  text-decoration: underline;
}

/************************************
****　トップページのみの設定
************************************/
/*タイトル非表示*/
.page-id-12 h1.entry-title, /*トップページ*/
.page-id-96 h1.entry-title, /*お知らせ*/
.page-id-60 h1.entry-title, /*ふくやまトマトについて*/
.page-id-62 h1.entry-title, /*本農園について*/
.page-id-64 h1.entry-title, /*出荷先情報*/
.page-id-66 h1.entry-title /*お問い合わせ*/ {
display:none;
}

/*上の余白なし*/
.page-id-12 .content{
  margin-top: 0px;
}
.page-id-12 .main {
  padding: 0px 29px;
}
.page-id-12 .entry-content {
  margin-top: 0em;
  margin-bottom: 0em;
}


/************************************
****　ヘッダーロゴ
************************************/
@media screen and (max-width: 1023px){
.container {
margin-top:-3px;
}
}
.logo-image {
padding:0;
margin-left:1em;/*ロゴ画像が左に詰まってしまう場合は、ここの数字を0.1刻みで大きくしてみてください*/
margin-top:1em;
margin-bottom:1em;
max-height:60px;/*大きなロゴ画像を使いたい方は、ここの数字を大きくしてみてください*/
}
.logo {/*ロゴ画像を中央に配置したい方は、以下3行を削除*/
text-align: left;
}
.logo-header img {
box-shadow: none!important;
}
/************************************
**ヘッダー　モバイル表示
************************************/
@media (max-width:1023px){
.header-container {
display:none;
}
img.site-logo-image{
max-height:35px;
padding:2px 0 0 5px;
box-shadow:none;
}
.mobile-header-menu-buttons {/*ヘッダー背景色を変えるときはここを変更*/
background: #fff;
}
}

/************************************
****　ヘッダーメニュー
************************************/
.navi-in > ul{/*メニューを中央に配置する場合は4～7行目を削除してください*/
justify-content:flex-start;
}
.navi-in>ul li {
line-height: 40px;
height: 40px;
}
.navi-in a{
font-size:15px;
}
#navi .navi-in a:hover {
transform: none!important;
}
.navi-in > ul .sub-menu a {
padding: 0;
}
.navi-in > ul .sub-menu{
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
.sub-menu .caption-wrap {
color:#333;/*サブメニューの文字色*/
border-top: dotted #dddddd;
background:#fff;/*サブメニューの背景色*/
padding:0 0 0 2em;
margin:0;
}
.navi-in > ul .sub-menu a:hover {
transform: none!important;
}
div#header-container {
box-shadow: none;
}
div.item-label{
font-weight:bold;
}

/************************************
****　固定ページの日付、投稿者非表示
************************************/
.page .date-tags,
.page .author-info {
display: none;
}

/************************************
****　新着記事の日付表示
************************************/
.new-entry-card-date {
  display: block;
}
.new-entry-card-date .post-date::before {
  font-family: "Font Awesome 5 Free";
  content: "\f017";
  padding-right: 3px;
}
.new-entry-card-update-date {
  display: none;
}

/************************************
****　タグカスタム表示
************************************/
/*H2 見出しのデザインリセット */
.article h2{
border:none;
background:none;
padding: 0;
}
/*H2 見出しのデザイン設定 */
.article h2 {
	font-size: 25px;
   background:url("http://fukuyama-tomato.jp/wp-content/uploads/2023/12/h2_tomato.png") no-repeat left center;
	background-size: 45px 46px; 
	padding-top: 10px; 
   padding-left: 65px;
	padding-bottom: 10px;
}

/*H3 見出しのデザインリセット */
.article h3{
border:none;
background:none;
padding: 0;
}

/************************************
****　お知らせページ　カテゴリー／アーカイブ
************************************/
/*リストの点を削除 */
.wp-block-categories li,
.wp-block-archives li{
    list-style: none;
}
/*カウント数の前に空白とカッコを追加 */
.wp-block-categories .post-count::before,
.wp-block-archives .post-count::before{
    content: "　(";
}
.wp-block-categories .post-count::after,
.wp-block-archives .post-count::after{
    content: ")";
}
/*リンクテキストホバー時アンダーライン非表示*/
.wp-block-categories a:hover,
.wp-block-archives a:hover{ 
  text-decoration: none;
}


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

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

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