@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

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

/* 「wow.js」「animate.css」を読み込む 2021/6/23 */
/* <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
 */

/* 指定した固定ページの記事タイトルを非表示にする 2021/5/19 */
#post-2 
.entry-title {
  display:none;
}

#post-361 
.entry-title {
  display:none;
}

/* 固定ページの投稿日を非表示にする 2021/5/19 */ 
#post-2 
.post-date {
  display:none;
}
#post-361 
.post-date {
  display:none;
}
#post-365 
.post-date {
  display:none;
}
#post-906 
.post-date {
  display:none;
}
#post-371 
.post-date {
  display:none;
}

/*グローバルナビの上下線の色指定  2021/5/19　→2022/2/5非表示に */
/* #navi {
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:10px;
} */


/*SNSシェアボタンデザインを変更する 2021/5/19 */
#main .button-caption {
	display: none; /*キャプション非表示*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: left; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*グローバルナビホバー時の線と文字の色を変更 2021/5/19 */
#navi ul li{
	font-weight:bold;	/*ボールド指定*/
}


#navi .navi-in a:after{
	position: absolute;/*線の位置を絶対配置に*/
	content: "";/*文字はなし*/
	left: 0px;/*線の位置*/
	bottom: 2.5px;/*線の位置*/
	height: 2px;/*線の高さ*/
	width: 100%;/*幅いっぱいに線を引く*/
	background: #01AF23;/*線の色*/
	transform: scale(0,1);/*マウスオーバーの前は線を消す*/
	transition: 0.4s;/*線が0→100%になるまでの秒数*/
}
#navi .navi-in a:hover:after{
	transform: scale(1);/*マウスオーバー後、線を100%出す*/
}
#navi .navi-in a:hover{
	transform: scale(1.1);/*マウスオーバー後、文字拡大*/
}

/*トップに戻るボタンの装飾 2021/5/19 */
.go-to-top {
  right: 20px; /*右から20pxの位置*/
  bottom: 55px; /*下から55pxの位置*/
}
.go-to-top-button {
  border-radius: 50%; /*丸くする*/
  width: 60px; /*横幅*/
  height: 60px; /*高さ*/
  font-size: 30px; /*アイコンフォントサイズ*/
  opacity:0.9; /*透明度*/
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .2); /*影*/
}
/*ホバー時*/
.go-to-top-button:hover {
  color: #555555; /*アイコンフォントの色*/
  background-color:#aaa; /*背景色*/
}

/*カレンダーに装飾を付ける 2021/5/19 */
/*土曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(6){
  background-color: #C0DDF9;
}
/*日曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(7){
  background-color: #F5D0D3;
}
/*タイトルのサイズ、デザイン指定*/
#wp-calendar caption {
	font-size: 20px;
	color: #555555;
	font-weight: bold;
}
/* 当日の背景色を指定 */
#wp-calendar tbody tr #today {
    background-color: #CCC;
}

/* サイドバーの見出し背景を装飾 */
#sidebar h3{
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	margin: 5px 0;
	border-left: 8px solid #00af23;
	border-radius: 5px;
	font-weight: bold;
}

/* サイドバーカテゴリーを修正  2021/5/19 */
.widget_categories h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f115";
}

/* h2タグ装飾 2021/5/19 */ 
.article h2 {
	background-color: #f5f5f5;/* 見出し背景色 */
	border-left: 0 none;
	color: #000000;/* 文字の色 */
	padding: 15px 30px;/* 文字の位置 */
	margin-bottom: 35px;/* 見出し下の空白*/
}

/* h1タグ上下の余白調整 2021/5/19 */ 
.article h1 {
	margin-top: 50px;/* 見出し上の空白*/
	margin-bottom: 50px;/* 見出し下の空白*/
}

/* ブログ次のページボタン、ナンバリング装飾 2021/5/19 */ 
.pagination-next-link {
  background-color: #F5F6F7;
  color: #555555;
  border: none;
  border-radius: 30px;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2); /*「次のページ」部分の影*/
}
.pagination-next-link:hover {
  background-color: #555555;
  transition: all 0.3s ease;
  color: #fff;
}
.page-numbers {
  color: #555555;
  border: 1px solid #555555;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); /*数字部分の影*/
}
.pagination .current {
  background-color: #F5F6F7;
  color: #555555;
}
.page-numbers.dots {
  opacity: 1;
  background: none;
}
.pagination a:hover {
  background-color: #555555;
  color: #fff;
}
a.prev, a.next {
  display: none;
}


/* 投稿サムネイルのカテゴリ説明欄を装飾 2021/5/19 */ 
.cat-label {
	top: 4%;
	left: 2.5%;
	line-height: 1.8;
	font-size: 0.67em;
}


/* ブログトップのタイトル背景装飾 2021/5/19 */ 
.category-content {
	margin-bottom: 10px;
	background-color:#F5F6F7;
	padding:10px 10px 10px 10px;
	line-height: 80px;
	border-left: 8px solid #00af23;
	border-radius: 5px;
}

/* ブログトップのタイトル上下幅の調整 2021/6/27 */ 
.category-content h1{
	margin-top:10px;
	margin-bottom:10px;
}
.category-page-content{
	margin-bottom:10px
}

/* article h2,h3の装飾を統一 2021/5/19 */ 
.article h2{
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	border-left: 8px solid #00af23;
	border-radius: 5px;
	font-weight: bold;
}
.article h3{
	border-left: none;
	border-right: none;
}

/* カテゴリ表示の装飾 2021/5/19 */ 
.widget_categories ul li a{ /*親カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
  color: #333; /*文字色*/
  font-size: 15px; /*フォントサイズ*/
  display: block; /*ブロックボックス生成*/
  padding: 4px 4px 2px 10px; /*上下左右空間*/
  border-bottom: groove 1px #F5F6F7; /*親カテゴリー下側にボーダーライン*/
}
.widget_categories > ul > li > a:first-child{ 
  border-top: none; /*最初の親カテゴリー上側のボーダー削除*/
}
.widget_categories ul li ul li a{ /*子カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
  color: #555555; /*文字色*/
  display: block; /*ブロックボックス生成*/
  padding: 4px 4px 2px 10px; /*上下左右空間*/
  border-bottom: 1px groove #F5F6F7; /*子カテゴリー下側にボーダーライン*/
}
.widget_categories ul li a .post-count{ /*記事数設定*/
  display: inline-block; /*インラインボックス生成*/
  float: right; /*右寄せ配置*/
  margin-left: 8px; /*右側空間*/
  color: #555555; /*文字色*/
  background: #F5F6F7; /*背景色*/
  font-weight: bold; /*強調フォント*/
  font-style: oblique; /*斜体フォント*/
  font-size: 12px; /*フォントサイズ*/
  white-space: nowrap; /*1つの空白にまとめて表示。折り返し無し。*/
  line-height: 1.1; /*行の高さ*/
  padding: 3px 10px; /*上下左右空白*/
  text-decoration: none; /*テキスト装飾無し*/
  border-radius: 2px; /*角丸コーナー*/
}
.widget_categories ul li a:hover{ /*マウスホバー時設定*/
  background: #F5F6F7; /*背景色*/
  color: #555555; /*文字色*/
  transition: all 0.8s ease; /*アニメーション*/
}
.widget_categories ul li a:hover .post-count{ /*記事数のマウスホバー時設定*/
  background: #555555; /*背景色*/
  color: #fff; /*文字色*/
  transition: all 0.8s ease; /*アニメーション*/
}

/* 固定ページホーム画像3つの枠線削除 2021/6/16 */ 
.iwe-shadow-paper img, .iwe-shadow-paper amp-img {
	box-shadow : none;
}
/* 固定ページ特徴3点のデザイン変更 2022/2/10 */ 
.wp-block-column-about{
	background-color:#F8F6F3;
	padding: 0 20px 20px 36px;
	margin: 40px 0;
}
.wp-block-media-text{
	padding-bottom: 20px;
}

.has-medium-font-size{
	margin-top:30px;
}

/* 固定ページ特徴3点の紹介・これ消さないと調整不可　2020/2/10 */ 
.haikei {
  background: #F8F6F3;
  margin: 0 calc((100% - 100vw) / 2)
}



/* 固定ページタイトル上部スペース作成　 2021/6/16 */ 
.wp-block-columns{
	padding-bottom:50px;	
}



/* 見出しの両サイドに横棒 2021/6/16 */ 
.border-both {
  display: flex;
  align-items: center;/* 縦位置の調整 */
/*    justify-content: center;*/
}

.border-both:before,
.border-both:after {
  content: '';
  flex-grow: 1;/* 余白を分け与える */
  height: 3px;
  background: #F8F6F3;
}

/* 見出しの文字と横棒の間隔を開ける　2021/6/16 */
.border-both:before {
  margin-right: 30px;
}

.border-both:after {
  margin-left: 30px;
}


/* footer　hoverカラーの変更で視認性アップ 2021/6/16*/
.navi-footer-in a:hover{
	background-color:#949495;
}

/* 投稿タイトルの装飾を他と統一　 2021/6/17*/
.entry-title{
  display: flex;
  align-items: center;/* 縦位置の調整 */
  justify-content: center;*/
}
.entry-title:before,
.entry-title:after {
  content: '';
  flex-grow: 1;/* 余白を分け与える */
  height: 3px;
  background: #F8F6F3;
}
/* 見出しの文字と横棒の間隔を開ける　2021/6/16 */
.entry-title:before {
  margin-right: 30px;
}
.entry-title:after {
  margin-left: 30px;
}

/* topへ戻るボタンの位置を調整　2021/7/1 */
.go-to-top {
	right: 70px; /*右から**px*/
	bottom: 60px; /*下から**px*/
}

/* Googlemapの表示装飾　2021/7/8 */
#maps{
	height: 425px;
	width: 100%;
}
.wp-block-button {
	margin-top:30px;
}

/* metaslider画像最下部の黒背景を非表示　2022/1/8 */
.metaslider .caption {
    display: none;
}

/* header top ロゴのサイズ変更　2022/2/5 */
.header-container-in.hlt-top-menu .logo-header img {
	max-height: 100px;
}
.header-container {
	height: 120px;
	padding: 10px 10px;
}
.header-container-in.hlt-top-menu {
	height: 120px;
}

#navi .navi-in>ul>li>a {
    padding: 0px 0.8em;
}
.navi-in a {
	font-size: 18px;
}



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

}

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

}

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

.page-numbers {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
	
/* topに戻る画像のサイズと位置 */ 

.go-to-top {
	right: 20px; /*右から**px*/
	bottom: 70px; /*下から**px*/
}

/* ヘッダー高さ余白調整　2022/2/5 */ 
.header-container {
    height: 20px;
    padding: 10px 0;
}	
	
}