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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/************************************
** サイト全体
************************************/
/*リンクマウスオーバー時の色*/
a:hover{
	color: #333;
}

/*h2のデザイン*/
#main .entry-content h2{
	border:1px solid #FEA01B;
	border-left-width:5px;
}

/*h3のデザイン*/
#main .entry-content h3{
	border-bottom-width:2px;
}

/*サイドメニューの左右入れ替え*/
#main{
	float:right;
}
#sidebar{
	float:left;
}

/* 表のスタイル */
.wp-block-table table, .entry-content table{
  	width: 100%;
 	border-collapse: collapse;
 	border-spacing: 0;
	border: 1px #FEA01B solid;
}
.wp-block-table table th, table th{
  	background-color: #FFD8A2;
	border: 1px #FEA01B solid;
}
.wp-block-table table td, table td{
	border: 1px #FEA01B solid;
}
.wp-block-table table tr:nth-child(even), table tr:nth-child(even){
  	background-color: #FFE4C1;
}
.wp-block-table table tr:nth-child(odd), table tr:nth-child(odd){
  	background-color: #fff;
}

/* 上に戻るボタン */
.go-to-top-button {
  width: 80px; /*横幅*/
  height: 80px; /*高さ*/
}
.go-to-top-button .fa{
  font-size:40pt;
}

/* バッジ内のリンク */
a.badge-green, a.badge-blue{
	color:#fff;
	text-decoration:none;
	display:inline-block;
}

/************************************
** トップページ
************************************/
/*トップページのH1タイトルを非表示*/
.home h1{
    display:none;	
}

/*トップページのブログカードの画像を非表示*/
.home figure{
    display:none;
	width:0px;
	
}
.home .widget-entry-card-content {
	padding:10px 20px 10px 10px;
	margin-left:0px;
}

#content-in{
	display:block;
}

/************************************
** カテゴリページ
************************************/
.card-thumb img{
	display:none;
	width:0px;alignment-baseline
}

.entry-card-thumb, .card-thumb, .e-card-thumb{
	width:150px;
	height:3em;
}

.entry-card-content, .card-content, .e-card-content{	
	margin-left:160px;
}

/************************************
** ヘッダー
************************************/
.logo{
	text-align:left;
}

.logo-image{
	margin-bottom:0px;
	padding-bottom:0px;
}

.menu-header .item-label{
	font-size:15px;
}

/************************************
** サブメニュー
************************************/
.navi-in > ul .sub-menu {
	min-width:400px;
}

/************************************
** フッター
************************************/
#footer{
	color: #fff;
    background-color: #FEA01B;
	border-top:1px solid #F1832C;
}

#navi-footer{
	display:none;
}

.source-org{
	width:100%;
}

/************************************
** トグルボックス
************************************/
/*展開アイコン*/
.toggle-button::before{
	color:#fff;
}

/************************************
/* サイドバーメニュー 
************************************/
#menu-submenu li.btn-flat a{
	height:80px;
	margin-bottom:5px;
	overflow: hidden;
	padding-top:25px;
	padding-left:2rem;
  	border-radius: 0;
	border:1px solid #ccc;
}

#menu-submenu li.btn-flat a:hover{
	color:#F1832C;
}

/************************************
/* 事業概要 
************************************/

.wp-block-table table.no-border-tbl, .entry-content table.no-border-tbl{
	border: 0px none;
}

.no-border-tbl td{
	border: 0px none;
	background: #fff;
}
td.border_gray{
	border-bottom:1px solid #ccc;
}


/************************************
** ■ホバー時の背景色設定（投稿、ブログカード）
************************************/
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover{
  background-color: #FFF3E0; /*背景色*/
  transition: all 0.5s ease; /*アニメーション*/
  color: #333; /*フォントカラー*/
}

/************************************
** ■パンくず表示
************************************/
#breadcrumb{
	background-color: #F8F7F1;
	margin-top:0px;
	width:100%;
	padding-left:15%;
	color:#555;
	border-bottom:1px solid #FEA01B;
}
.breadcrumb a {
    color: #3097AC;
    text-decoration: none;
}

/************************************
** ■最新情報
************************************/
ul.what_new li{
	margin-bottom:20px;
	border-left:5px solid #999;
	padding-left:10px;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	#main{
		float:left;
		width:750px;
	}
	#sidebar{
		float:right;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	#main{
		float:left;
		width:400px;
	}
	#sidebar{
		float:right;
	}
}