@charset "UTF-8";

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

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


/*見出しのリセット*/
.article h1 {
    padding: 0;
    background: none;
}
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}


/*見出しのカスタマイズ*/
.article h1,
#comment-area h1,
#related-entries h1{
    color: #1e73be;
	border: none; 
	position: relative;
	padding-bottom: .5em;
	border-bottom: 7px solid #1e73be;
}
.article h2 {
    color: #fff;
    padding: .8em 1em;
    margin-top: 80px;
    background: #1e73be;
    border-top: 4px solid #84C1FF;
    border-bottom: 4px solid #84C1FF;
}
.article h3 {
    color: #1e73be;
    padding: .5em 0;
    margin-top: 40px;
    border-top: 3px solid #1e73be;
    border-bottom: 3px solid #1e73be;
}
.article h4 {
    color: #1e73be;
    padding: .2em 1em;
    margin-top: 40px;
    border-left: 6px solid #1e73be;
}
.article h5 {
    color: #1e73be;
    margin-top: 40px;
    border-bottom: solid 2px #1e73be;
}
.article h6 {
    color: #1e73be;
    margin-top: 40px;
    border-bottom: solid 1px #1e73be;
}


/*アピールエリア*/
.appeal-content {
 	max-width: 800px;
 	background-color: rgba(0, 30, 50, 0.80);
	color: #eee;
 	margin: auto;
 	padding: 1em;
 	text-align: center;
 	border-radius: 4px;
 	display: block;
}


/*モバイルサイドメニュー背景*/
.navi-menu-content {
	background: #006DD9;
}

/*モバイルサイドメニュー文字色*/
.menu-drawer a {
	text-align: left;
	color: #ffffff;
}


/*投稿日・更新日カスタマイズ*/
.date-tags {
    line-height: .8;
	color: #aaa; /* 文字色を薄くする */
}
.post-date, .post-update {
    padding: 2px;
    display: inline;
    font-size: 1.0em; /* 少しだけ文字サイズを大きく */
}


/*サイドバー見出し*/
.sidebar h3 {
    background: none; /*背景色を解除*/
    padding: 0; /*余白をなしに*/
    font-size: 16px; /*文字サイズを小さく*/
    letter-spacing: 0px; /*文字の間隔を少し広く*/
}
.sidebar h3:first-letter {
    font-size: 1.5em; /*最初の文字を1.5文字分に大きく*/
}
.sidebar h3:after { /*グラデーションのラインを引く*/
    content:"";
    display:block;
    height:10px;
    width:100%;
    background: -webkit-linear-gradient(left, #1e73be 0%,#1e73be 40%,#FF9326 100%);
    background: linear-gradient(to right, #1e73be 0%,#1e73be 40%,#FF9326 100%);
}


/*サイドバーカテゴリ*/
.widget_categories ul li a { /*親カテゴリ用のコード*/
    color: #333;
    text-decoration: none;
    padding: 6px 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
    border-top: 1px dotted #ccc; /*上部にボーダーを引く*/
    font-size: 16px;
}
.widget_categories ul li a::before { /*親カテゴリのアイコン*/
    font-family: "Font Awesome 5 Free";
    content: "\f152";
    padding-right: 10px;
}
.widget_categories > ul > li > a:first-child { 
    border-top: none; /*最初の親カテゴリは上部ボーダーを消す*/
}
.widget_categories > ul > li > a:last-child {
    border-bottom: 1px dotted #ccc; /*最後の親カテゴリは下部ボーダーを引く*/
}
.widget_categories ul li a .post-count { /*記事数用のコード*/
    display: block;
    float: right;
    background: #ededed;
    padding: 0 1em;
    font-size: 14px;
    margin-top: .2em;
    border-radius: 4px;
}
.widget_categories ul li a:hover { /*親子共通マウスホバー時*/
    background: none;
    transition: 0.5s;
    color: #1e73be;
}
.widget_categories ul li a:hover .post-count { /*記事数のマウスホバー時*/
    background: #FF9326;
    color: #fff;
    transition: 0.5s;
}
.widget_categories ul li ul { /*子カテゴリのボックス*/
    border-bottom: 1px dotted #ccc;
}
.widget_categories ul li ul li a { /*子カテゴリ用のコード*/
    color: #333;
    text-decoration: none;
    padding: 0 4px 4px 4px;
    display: block;
    border: none;
}
.widget_categories ul li ul li a::before { /*子カテゴリのアイコン*/
    font-family: "Font Awesome 5 Free";
    content: "・";
    padding: 0;
}


/*記事一覧のカテゴリーの表示*/
.cat-label {
    top: 0.5em; /*上からの距離*/
    left: 0.5em; /*左からの距離*/
    border: none; /*ボーダーを消す*/
    font-size: 12px; /*文字サイズ*/
    color: #fff; /*文字色*/
    background-color: #FF9326; /*背景色*/
    padding: 1px 10px; /*余白*/
    border-radius: 14px; /*角を丸く*/
}


/*固定ページから投稿日・更新日を消す*/
.page .date-tags {
    display: none;
}


/*トップメニュー文字サイズ*/
.navi a {
  font-size: 14px;
}


/*協働のまちづくり研修会申し込みフォーム*/
.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 50%;
}
.wpcf7 input[name="your-name2"] { /* ふりがな入力欄 */
	width: 50%;
}
.wpcf7 input[name="your-age"] { /* 年齢入力欄 */
	width: 20%;
}
.wpcf7 input[name="your-tel"] { /* 電話番号入力欄 */
	width: 50%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 75%;
}
.wpcf7 input[name="your-groupname"] { /* 団体名入力欄 */
	width: 90%;
}
.wpcf7 input[name="your-profession_schoolname"] { /* 職業・学校名入力欄 */
	width: 90%;
}


/* — コンタクトフォーム7　送信ボタンのカスタマイズ — */
input.wpcf7-submit {
padding:0.5em !important;/* ボタン内の余白 */
margin:0em 0em !important;/* ボタンの上下の余白 */
background-color: #0095DF !important;/* 背景の色 */
border-radius: 5px !important;/* 角を丸く*/
color: #fff !important;/* 文字の色*/
font-size: 18px !important;/* 文字の大きさ */
font-weight: bold !important;/* 文字の太さ*/
width: 50%;/* ボタンの横幅*/
transition:0.5s;/* 背景色が変わるまでの時間*/
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.10);/* 薄っすらとボタンにドロップシャドウをかける*/
}

input.wpcf7-submit:hover {
background-color:#f2d500 !important;/* マウスを乗せたときの背景色 */
color: #fff !important;/* マウスを乗せたときの文字の色 */
}

/*ロゴ左寄せ
.logo {
  text-align: left;
}
*/




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

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

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

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