@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){
  /*必要ならばここにコードを書く*/
}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
display: none;
}

/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
display: none;
}
/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
display: none;
}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
display: none;
}
/*固定ページで投稿日・更新日を非表示*/
.page .date-tags {
 display: none;
}
/*リンク色をオレンジに変更*/
a:hover {
  color: #FFA500;
}
/*グローバルメニューの高さを変更*/
#navi .navi-in > ul li{
	height: 40px;
	line-height: 40px;
}
/*マウスオーバー時のメニューの色を変更*/
#navi .navi-in a:hover{
	color: #FFA500!important;
	transition: all 0.5s ease;
}
/* ボタンを丸くして影 */
.btn{
	border-radius: 10px;
	box-shadow: 0 7px 7px -5px rgba(0,0,0,0.5);
}

/* WPボタンに影 */
.wp-block-button{
	box-shadow: 0 7px 7px -5px rgba(0,0,0,0.5);
}
/* 見出しカスタマイズ */
/* H2 */
.article h2{
padding: 0.7em;
}
 
/* H3 */
.article h3{
border-top:solid 1px #F0B273;
border-bottom:solid 0px;
border-right:solid 0px;
border-left: 5px solid #F79F47; 
border-bottom: solid 1px #F0B273; 
background-image: 
-webkit-linear-gradient(left,#FFF6CD 0%, #F79F47 100%); 
border-radius: 2px; 

}
/* H4 */
.article h4{
border-top:solid 0px;
border-bottom:solid 0px;
background: #d3d3d3;
border-radius: 5px;
}
/* H5 */
.article h5 {
  border-bottom: dotted 3px #4D4A4A;  /*下部の点線の種類、太さ、色*/
	background-color: #f7f7f7
}
/* H6 */
.article h6 {
  border-bottom: dashed 2px #949495;  /*下部の点線の種類、太さ、色*/
}

/*サイドバーウィジェットタイトル*/
.sidebar h3 {
  border-bottom:4px dotted #4D4A4A;/*下線の太さ、種類、色*/
  background:transparent;/*背景を透明に*/
color: #4D4A4A;	
  padding:10px 0 5px 3px;
}

/************************************
** Contact Form 7カスタマイズ　2023.9.14
************************************/
/* reCAPTHAロゴを消す */
.grecaptcha-badge { visibility: hidden; }

/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}

/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:14px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:17px;
	 font-weight: normal;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f5f5f5;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:17px;
 background:#fdfdfd;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
	margin:0;
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:14px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:14px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*コンタクトフォーム送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:10px;
 width:80%;
 background: gray;
 color:#fff;
 font-size:20px;
 font-weight:bold;	 
 border-radius:8px;
 border:solid 1px #d7d7d7;
}

/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:lightgray;
 color:#404048;
}
/*戻るボタンデザイン変更*/
 #previousbtn{
 display: block;
 padding:1em 0;
  margin-top:20px;
 width:20%;
 background:#93c9ff;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:8px;
 border:solid 1px #d7d7d7;
}

/*戻るボタンマウスホバー時*/
 #previousbtn:hover{
 background:#C5E9F6;
 color:#404048;
}

/****フッターモバイルボタン背景色変更 ****/
.mobile-menu-buttons {
background: #E4e4e4; 
}

/************************************
****　サイドバー
************************************/
@media screen and (max-width: 1205px){
.sidebar {
padding: 0%;
padding-right: 1.5%;
}
}
.widget_search{
padding:0;
}

.widget_recent_entries ul li a, .widget_categories ul li a, .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 {
background-color:#f7f7f7;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.2s
}
.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, .widget_nav_menu ul li a:hover{
background-color:gray;/*マウスオーバー時の背景色変更はこちら*/
color:#fff!important;
}
.tagcloud a{
background-color:#f7f7f7;
}
.tagcloud a:hover{
background-color:gray;/*マウスオーバー時の背景色変更はこちら*/
color:#fff!important;
transition: 0.2s ;
}
.nwa .recommended.rcs-card-margin a {
margin: 0 0 1em;
width: 90%;
}
.widget-entry-cards .widget-entry-card-content{
color: #565656;
}

/*カラム背景色*/
.header-container,
.main,
.sidebar,
.footer {
background-color: #fefefe;
}