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

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

/* 見出しのデザイン設定 */
h1,
h1.entry-title,
h1#archive-title.archive-title{ /* H1 */
    font-family: 'Noto Sans JP', sans-serif;
color: #000; /* 文字色 */
font-size: 1.5em; /* 文字サイズ */
padding: 10px;
border-top: solid 3px #A88086;/* 上側に実線・色 */
border-bottom: solid 3px #A88086;/* 下側に実線・色*/
}

.entry-content h2{ /* H2 */
font-family: 'Noto Sans JP', sans-serif;
color: #fff; /* 文字色 */
background-color: #6c2735;/* 背景色 */
font-size: 1.5em; /* 文字サイズ */
padding: 10px;
border-top: 0px;
border-bottom: 0px;
}

.entry-content h3{ /* H3 */
  font-family: 'Noto Sans JP', sans-serif;
  color: #000; /* 文字色 */
font-size: 1.5em; /* 文字サイズ */
padding: 10px;
border-left: solid 10px #6c2735; /* 背景色 */; /* 左側に実線・色*/
}

.entry-content h4{ /* H4 */
  font-family: 'Noto Sans JP', sans-serif;
  color: #000; /* 文字色 */
font-size: 1.4em; /* 文字サイズ */
padding: 10px;
border-top: solid 0px;/* 上側実線なし*/
border-bottom: solid 3px #A88086;/* 下側に実線・色*/
}

.entry-content h5{ /* H5 */
  font-family: 'Noto Sans JP', sans-serif;
  color: #000; /* 文字色 */
font-size: 1.2em; /* 文字サイズ */
padding: 10px;
border-bottom: dotted 3px #A88086;/* 下側に点線・色*/
}

.entry-content h6{ /* H6 */
  font-family: 'Noto Sans JP', sans-serif;
  color: #000; /* 文字色 */
font-size: 1.2em; /* 文字サイズ */
padding: 5px;
border-left: solid 7px #6c2735; /* 左側に実線・色*/
}

.article h3 { /*h3:配色変更*/ 
  border-left: 8px solid #6c2735;
}

.related-entry-main-heading.main-caption,
h2#comments.comment-title { /*関連記事、コメント見出し:フォントサイズ調整*/
  color:#fff;
	font-size: 24px;
	font-weight:normal;
}


/* サイドバーのデザイン設定 */
.sidebar h3 { /*サイドバーh3：フォント色、背景色変更*/ 
  font-family: 'Noto Sans JP', sans-serif;
  color: #fff;
  background-color: #6c2735;
}

.no-thumbnail .widget-entry-cards div.widget-entry-card-content { /*新着記事タイトルの上下位置をセンターに*/
  font-size: 18px;
/* margin-top: 0.3em;*/
  margin-bottom: 0.3em;
}


/* その他配色変更 */
.eye-catch .cat-label,
.cat-label,
.footer,
.article h2::after,
.under-entry-content h2{ /*フッタ、h2背景色、アイキャッチ背景変更*/ 
  background-color: #6c2735;
}

.sns-share-buttons a:hover,
.cat-link:hover, .tag-link:hover,
.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,
.tagcloud a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.pagination a:hover,
.pagination-next-link:hover,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.breadcrumb a:hover,
.bp-login-widget-register-link a:hover { /*マウスオーバー背景色*/
  opacity: 1;
  color: #000;
  background-color: #ccc;
  transition: 0s;
}


/* ヘッダーとメインメニュー、モバイルメニュー */
.logo{ /*ヘッダー:ロゴを左端へ*/
	text-align:left;
}

.header-container-in.hlt-top-menu .logo-header { /*ヘッダー:ロゴ設置箇所上下調整*/
  max-height: 80px;
}

div.header-container-in.hlt-top-menu .logo-header img{ /*ヘッダー:ロゴサイズ調整*/
 max-height: 80px;
 width: 292px;
}

.menu-header { /*メインメインメニュー:高さ*/
	 height: 40px;
}

#navi .navi-in>ul>li>a { /*メニュー:間隔*/
    padding: 0 1.0em;
}

.navi-in a { /*メインメニュー:フォントウェイト*/
	 font-weight: 500; 
}

nav a:not([href]) { /*メインメニュー:空メニューでのマウスポインタ修正*/
	cursor:pointer;
}

#navi .navi-in a:hover { /*メインメニュ:のマウスオーバー背景色*/
  background-color: #ccc;
  color: #000;
}

.mobile-menu-buttons, .navi-menu-close-button{ /*モバイルメニュー:背景色変更*/ 
	color: #fff;
	background-color: #6c2735;
}

.mobile-menu-buttons .menu-button > a { /*モバイルメニュー:フォント変更*/
  color: #fff;
}

/* その他:デザイン変更 */
.entry-card-title, .related-entry-card-title { /*投稿一覧タイトルに下線*/
	  border-bottom: 1px solid #ddd;
}


.home.page .entry-title, .home.page header.article-header.entry-header { /* フロント固定ページのタイトルを非表示 */
  display: none;
}

 .post-date, .post-update, .entry-category { /* 日付、カテゴリ表示調整 */
    font-size: 0.8em;
}
/* .page .entry-title{
  display: none;
}*/

/* プラグイン */
/* bbpress */
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { /*フォーラムテキストエリアのフォントサイズ拡大*/
  font-size: 16px;
}

/* コンタクトフォーム */
.wpcf7c-conf { /*コンタクトフォームボタン修正*/
	background-color: #f0f0f0;
	color: black;border: 1px solid #333333;
	}
	

input.wpcf7-confirm,input.wpcf7-submit { /*コンタクトフォーム確認ボタン*/
	display: inline-block;
	padding: 0.5em 1em;
	border-radius: 5px;
	text-decoration: none;
	color: #1e50a2;
	border: solid 2px #1e50a2;
	font-size: 1em;
}

input.wpcf7-confirm:hover,input.wpcf7-submit:hover { /*コンタクトフォームボタン修正*/
	background: #1e50a2;color: white;
	}
	
input.wpcf7c-btn-back {
display: inline-block;
padding: 0.5em 1em;
border-radius: 5px;
text-decoration: none;
color: #6c2735;
border: solid 2px #BDBDBD;
font-size: 1em;
}

/* zipaddr-jp */
.wpcf7 input[name="zip"] { /* 郵便番号 */
	width: 8em;
}

/* Event Organiser */
ul.eo-events.eo-events-widget { /*イベントウィジェットの位置・形式調整*/
	padding-left: 05px;
	list-style-type: none;
}

body.single-event ul.eo-event-meta { /*イベント詳細の住所欄等拡大*/
    width: 100%;
    float: left;
}
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead .fc-sun { /*土曜日の色を変える*/
color: #7f1311;
}

.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead .fc-sat { /*日曜日の色を変える*/
color: #356e88;
}


/************************************
** 入力フォーム（Form）
************************************/
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type='submit'],
select {
  width: auto;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/************************************
** 入力フォーム（Form）
************************************/
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type='submit'],
select {
  width: 100%;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
}

/*480px以下*/
@media screen and (max-width: 480px){
}


.btn-purple { background-color: #a46497; } /* パープル */
.has-purple-background-color { background-color: #a46497; } /* パープル */