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

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

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

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

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


.logo{
	text-align:left;
	margin-top:-20px;
}

/* ①アピールエリア */
#appeal {
	height: calc(100vw * calc(200 / 1260));
}

/* ②アピールエリアのアニメーション設定 */
.home #appeal {
	animation : appeal-fadein 0.8s ease-in;
}

/* ③アピールエリアのアニメーション詳細 */
@keyframes appeal-fadein{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

#navi .navi-in > ul li{
	height: 70px;
	line-height: 70px;
}

/*グローバルメニューに影*/
nav#navi, .menu-header .sub-menu{
	box-shadow:0 5px 8px -5px rgba(0,0,0,.6);
}

/***マウスオーバー時　下線が引かれる（アニメーション）****/
/*メインメニュー*/
.menu-header .menu-item{
  text-decoration: none;
  color: #5bc8ac;
}
.item-label{
  position: relative;
  z-index: 1;
}
.item-label:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;/*テキストからの距離*/
  width: 0%;/*初期状態・下線非表示*/
  height: 2px;/*下線の高さ*/
  background: #ff555e;/*下線の色*/
  z-index: -1;
  transition: all 0.4s;/*アニメーション速度*/
}
.menu-header .menu-item:hover .item-label:after{
 width: 100%;/*hover時に表示*/
}

/*サブメニュー*/
.sub-menu .item-label:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;/*テキストからの距離*/
  width: 0% !important;/*初期状態・下線非表示*/
  height: 2px;/*下線の太さ*/
  background: #ff555e;/*下線の色*/
  z-index: -1;
  transition: all 0.4s;/*アニメーション速度*/
}
.sub-menu .menu-item:hover .item-label:after{
  width:80% !important;/*hover時に表示*/
  margin-left:-10px
}
/*マウスオーバー時 背景色が変わる*/
#navi .navi-in a:hover{
	background: #fceeed;
	transition: 0.8s ;
}

/*アピールエリア余白*/
#appeal-in {
	margin-top: 13px;
}

/*アピールエリアの高さ調整*/
#appeal { 
height: calc(100vw * calc(600 / 1920)); 
}

/************************************
** すべてのページのタイトルを非表示にする
************************************/
.entry-title {
display: none;
}

.content {
margin-top: 9px;]
margin-bottom: 15px;
}

/* 見出しのデザイン設定 */
/* H2 */
.entry-content h2{
color: #2b2b2b; /* 文字色 */
font-size: 1.4em; /* 文字サイズ */
background-color: #fbfbfb; /* 背景色 */
padding-top:8px; /* 文字と上部の間隔 */
padding-left:10px;/* 文字と左線の間隔 */
padding-bottom:5px;/* 文字と下部の間隔 */
border-left: solid 7px #1eb85f; /* 左側に実線・色*/
}

/* H3 */
.entry-content h3{
color: #2b2b2b; /* 文字色 */
line-height:1.2;
font-size:1.2em;
border:none;
border-radius:2px;
border-left:10px solid #1eb85f;/*H3の色の変更はこちら*/
border-bottom:1px solid #cccccc;
padding: 0.4em 0.7em 0.2em;
margin-top:90px;
}

/* H4 */
.entry-content h4{
color: #000; /* 文字色 */
font-size: 1.2em; /* 文字サイズ */
padding: 10px;
border-top: solid 2px #1eb85f;/* 上側に実線・色 */
border-bottom: solid 2px #1eb85f;/* 下側に実線・色*/
}

/* H5 */
.entry-content h5{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 10px;
border-bottom: dotted 3px #008000;/* 下側に点線・色*/
}

/* H6 */
.entry-content h6{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 5px;
border-left: solid 7px #008000; /* 左側に実線・色*/
}

a{ /*リンクテキスト装飾無し*/
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
a:hover { /*リンクテキストホバー時アンダーライン表示*/
  text-decoration: underline #ff0000;
  color:#ff0000;
}

/*youtubeのサイズ変更*/
.video-container {
max-width: 100%;
margin: 0px auto;
}

/*youtubeのサイズ変更*/
span {
   display: inline-block;
}


/*サイドバーのカスタマイズ*/
.sidebar h3 {
    background-color: #1eb85f;
    padding: 7px 20px;
    margin: 20px 0 5px;
color: #fff;
 border-radius: 4px ;
	font-size: 1em;
}

/*カテゴリの行間を狭くするbackground-color:#f7f7f7;*/
.widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
margin: 0px 0;
padding: 2px 8px 0px;
border-radius:3px;
transition: 0.4s
}

/*サイドバーのウィジェットの間隔*/
#sidebar .widget {
    margin-bottom: 5px;
}








/* 追記CSS */
#footer {
background-image: url( https://www.tochitaku.or.jp/hato/wp-content/uploads/2023/08/bg_footer_pc.png );
	height:150px;
}