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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書
/*見出しのフォントを変更 ------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
/*  font-family: "Noto serif JP" ,serif; */
}

.article h4,
.article h5,
.article h6 {
  font-size: 15px;
  padding: 9px 10px;
}
.article h2,
.article h3  {
  font-size: 18px;
  padding: 8px 16px;
  margin: 20px 0 10px;
}

.article h2,
.article h3 {
    background-color: transparent;
    border-left: 5px solid #d69090;	/*左端に太い縦ラインを入れる */
    border-right: 0 none;
    border-top: 0 none;
    border-bottom: 1px solid darksalmon;
}

/* リンク：マウスオーバー時の色 (cocoon設定にないのでここに追加) */
a:hover {
  color: #cc3d3d;   /*#cc5252;*/
}

/* 画像に横並びで文字を配置する */
/* https://www.nowte.net/ui/ui-css-horizontal-image-text/ */
/* 横並び */

.flex {
  display: flex; /*横並び*/
}
.flex .image {
  width: 130px; /*画像サイズ指定*/
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.flex .right {
  margin: 0 0 0 20px;
  padding: 0;
}

.flex .title {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.flex .eventdate {
  margin: 0;
  padding: 0 0 10px 0;
  font-weight: bold;
}
.flex .text {
  margin: 10px 0 0;
  padding: 0;
}
.flex .eventtitle {
  margin: 20px 0 0;
  padding: 0;
  font-weight: bold;
}

/* お知らせ用文字設定 */
.notice {
  color: maroon;
  font-weight: bold;
} 

/* event 投稿タイプの記事をまとめる固定ページ用。*/
.event hr {
  border-width: 0 0 3px;
  border-style: solid;
  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 65%, 1.0)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
}

/* event 投稿タイプの記事をまとめる固定ページの段落を選択→高度な設定→「event-head」と入力する。*/
.event-head {
  padding: 20px 30px 30px;
}
.event-head p{
 mar
}


/* 画像はボーダーON */
img {
 border: 1px solid silver;
}

/*グローバルナビの文字サイズ------------*/
.navi-in a {
  font-size: 14px;
}

/* サブメニューの高さを狭く */
.navi-in > ul li {
  display: block;
  width: 176px;
  height: 40px;
  line-height: 40px;
  position: relative;
}

.navi-in > ul .sub-menu {
/*
  display: none;
  position: absolute;
  margin: 0;
  min-width: 240px;
  list-style: none;
  padding: 0;
  background-color: #fafbfc;
  z-index: 99; */
  text-align: center;
}

/* 投稿リンクのタグの囲いはなし。*/
.tag-link {
    border-color:transparent;
}

/* 記事ヘッダー */
.entry-header {
 padding-left: 10px;
}

/* 記事タイトル */
.entry-title, .archive-title {
  font-family:sans-serif;
  font-size:18px;
  font-weigt: normal;
}

/* 記事の内容 */
.entry-content {
  margin-top: 1em;
  margin-left: 2em;
  margin-bottom: 0;
}

/*
.entry-date {
 font-size: 12px;
 border-bottom: 1px solid;
}
*/

/* エントリーカードの設定 ---------------- */
.entry-card-title, .related-entry-card-title {
   font-weight: normal;
   line-height: 1.2em;
   margin: 7px 10px 0;
}

.entry-card-content, .related-entry-card-content {
  padding: 0 10px;
}

.entry-card .admin-pv {
    margin: 0; /* 0.4em 0 1.4em; */
    padding: 0;
    border-width: 0;
    font-size: 0.9em;
}
 /* スニペットの文字 */
.entry-card-snippet, .related-entry-card-snippet {
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.4em;
  overflow: hidden;
}

 /*メタ文字のサイズ */
.entry-card-meta, .related-entry-card-meta {
 text-align: left;
 font-size: 12px;
 line-height: 1.2em;
 margin: 5px 20px;
  padding-bottom: 2px;
}  

/* メタ文字内の日付、更新日、authorなどのアイテム (entry-cardで使用) */
.entry-card-meta-item {
 margin-right: 15px;
 font-size: 16px;
}
.post-date, .post-update{
 font-size: 12px;
}

.cd-list{
font-size: 14px;
line-height: 1.2em;
}

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

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

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