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

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

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

/*投稿ページのフォルダアイコン非表示 add 2024/2/10 */
.archive-title :before {
display: none;
}

/*表形式表示のセンタリング add 2024/2/25 */
table,
.scrollable-table table {
    margin-left: auto;
    margin-right: auto;
}

/*フェードイン表示 add 2024/2/25 */
.fadein {
	opacity: 0;
	transform: translateY(30px);
	transition-property: transform, opacity;
	transition-duration: 1.5s;
	transition-delay: 0s;
}

.fadein.is-active {
	opacity: 1;
	transform: translateY(0);
}

/* Cocoonでのエディター内で.fadein要素の表示を強制する  add 2025/12/4*/
.editor-styles-wrapper .fadein {
    opacity: 1 !important; /* 透明度を1にして見えるようにする */
}

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

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

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


.home header .sns-share,.home footer .sns-share,.home footer .sns-follow,.home header .post-date,.home .post-update,.home .author-info, .home .entry-title{
  display: none;
}


  /*枠上にタイトルがあるボックス（直線）*/
.box3-green {
	position: relative;	/* 配置に関するもの(ここを基準に) */
	max-width:600px; /* ボックスの横幅 */
	margin: 2em auto;	/* ボックスの外側余白(上下:2em　左右:auto) */
	padding: 1.7em 2em;	/* ボックスの内側余白(上下:1.7em　左右:2em) */
	border: 2px solid #58be89;	/* ボックスの線 (太さ　線の種類　線の色)*/
	border-radius: 4px;	/* ボックスの角丸 */
}
.box3-green .box-title {
	position: absolute; /* 配置に関するもの(ここを動かす) */
	top: -10px; /* 上から（-10px）移動*/
	left: 30px; /* 左から(30px)移動 */
	background: #fff; /* タイトル背景色 */
	color: #58be89; /* タイトル文字色 */
	padding: 0 10px;/* タイトルの余白 */
	line-height: 1;/* タイトルの行の高さ */
	font-size: 20px;/* タイトル文字の大きさ */
	font-weight: bold;/* タイトル文字の太さ */
}
.box3-green p {
	margin: 0; /* 文字の外側余白リセット*/
	padding: 0; /* 文字の内側余白リセット*/
}

/* 新着記事表示 */
.new-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
}
.new-entry-cards.large-thumb a {
width: 33.333%;
}
/768px以下/
@media screen and (max-width: 768px){
.new-entry-cards.large-thumb a {
width: 50%;
}
}
/480px以下/
@media screen and (max-width: 480px){
.new-entry-cards.large-thumb a {
width: 100%;
}
}

h1 {
  position: relative;
  /*display: inline-block;*/
  margin-bottom: 2em;
  text-align: center;
}
h1:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #9e3603;
  border-radius: 2px;
}

/*.top_news{
  background-color: #f6bd00;
}
.top_news h1 {
  color: #fff;
}
.top_news h1:before {
  background-color:#fff;
}*/

/*ヘッダー背景透明化*/
/* #header-container,
.header-container {
  background-color: transparent;
}
#header-container .navi,
#navi {
  background-color: transparent;
} */

/*ヘッダーメニューweight*/
#navi .navi-in a, #navi .navi-in a:hover{
  font-weight:bold;
}