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

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

body {
	border-top: 3px solid #E60013;
}

.header-container-in.hlt-top-menu .header {
	padding: 20px 0;
}

.footer-bottom-logo .logo-image {
	max-width: 200px;
}

.footer-bottom-logo .logo-image img {
	width: 100%;
	height: auto;
}

.cat-label {
	background-color: #E60013;
}

.cat-link {
	background-color: #E60013;
}

.widget h2 {
	font-size: 18px;
}

.sidebar h2, .sidebar h3 {
	background-color: #F5F5F5;
    padding: 10px 12px;
}

body.public-page {
	background-repeat: repeat;
    background-size: auto;
}

.menu-item {
	font-weight: bold;
}

.menu-item a:hover {
	color: #E60013;
}

.navi-footer-in a:hover {
	background-color: #555555;
}

.article h2 {
	border-top: 5px solid #E60013;
	background-color: #f5f5f5;
	border-bottom: 1px dotted #CCC;
}

.article h3 {
	border-left: 7px solid #E60013;
	border-right: none;
    border-top: none;
    border-bottom: none;
}

.wp-block-button__link {
	background-color: #E60013;
	border: 2px solid #E60013;
}

.wp-block-button a:hover {
	color: #E60013;
	background: #fff;
	border: 2px solid #E60013;
}

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

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

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