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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
 .SnsLogo {
            display: inline-block;
            width: 30px; /* 必要に応じてサイズ調整 */
            margin-right: 5px; /* ロゴ間のスペースを追加 */
        }
        a {
            text-decoration: none; /* 下線を消す */
        }
.entry-title {
 
	font-size:16px;
	text-align: center;
	padding-bottom:10px;
}/* 固定ページタイトル*/

/*　投稿一覧画像並べの設定はじめ　*/
/* タイトルを消す */
.toukou_itiran {
  display: none;
}

/* カテゴリーページのデザイン */
.category-container {
  padding: 20px;
}

.category-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.category-item {
  display: flex;
  gap: 20px;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.category-thumbnail img {
  width: 150px;
  height: auto;
  border-radius: 8px;
}

.category-details {
  flex: 1;
}

.category-title {
  font-size: 2em; /* タイトルのサイズを調整（必要に応じて変更） */
  margin-bottom: 20px; /* タイトルと記事一覧の間の余白を設定 */
  text-align: center; /* タイトルを中央揃え（任意） */
}


.post-date {
  font-size: 0.9em;
  color: #555;
  margin-top: 5px;
}

/* カテゴリーページのデザインおわり */


/*投稿一覧 画像を画面幅に基づいて中央に配置し、隙間を10%確保する */
.toukou_itiran img {
  display: inline-block;
  padding:10%; /* 画像周りの隙間 */
}

/*　投稿一覧画像並べの設定おわり　*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以上*/
@media (min-width: 1024px) {
  .toukou01 {
    margin-left: 10%;
    margin-right: 10%;
  }  /*投稿のコンテンツ設定*/

	/*投稿一覧 画像を画面幅に基づいて中央に配置し、隙間を10%確保する */
.toukou_itiran img {
  display: inline-block;
  padding:10%; /* 画像周りの隙間 */
}
	
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}
	
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.slicknav_menu {
    background: #ffffff00;
    padding: 5px;
}
.slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #000;
}
	
/*　投稿一覧画像並べの設定はじめ　*/
	.toukou_itiran img {
    width: 100%; /* 画像を画面幅いっぱいにする */
	margin-bottom: 5px ;
	padding : 5% !inportant ;
  }
	/*　投稿一覧画像並べの設定おわり　*/
	
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.navi-footer-in > .menu-footer {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center; /* 中央揃えにする場合 */
}
}
	/*　投稿一覧画像並べの設定はじめ　*/
	.toukou_itiran img {
    width: 100%; /* 画像を画面幅いっぱいにする */
margin-bottom: 5px ;
  }
	/*　投稿一覧画像並べの設定おわり　*/