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

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

.header {	
background-size:contain;
background-repeat: repeat;
}

#navi {
border-bottom: 2px solid #947f12;
}

.navi .item-label {
font-weight:bold;
color: #947f12;
}

.navi .menu-top > li:not(:first-child) .item-label{
border-left: 2px solid #947f12;
}

.navi .menu-top > li > .sub-menu > li .item-label {
border-left: none;
}

.article h2 {
background:none;
border-left: 5px solid #D05C31;
border-bottom: 2px solid #D05C31;
}

.article h3 {
background:none;
border:none;
border-bottom: 4px double #D05C31;
}

.wp-block-search__button {
background-color:#D05C31;
}

.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,
.widget_block ul li a {
	border-bottom:  dotted 1px #d4c15f;
}

/* ヘッダーカテゴリの三角 */
.fa-angle-down {
font-size: 18px;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
#navi {
border-bottom: none;
}
.slicknav_menu{
position: fixed;
top: 20px;
right: 20px;
border-radius: 4px;
background-color: #e8dc95d4;
z-index: 999;
}

.slicknav_btn {
background-color: #c0a920;
}
	
.slicknav_menu .slicknav_icon {
margin: 0;
}
	
.slicknav_menutxt {
display: none !important;		
}
	
.slicknav_nav .item-label {
color: #413900;
font-weight: 600;
}
	
#content {
margin-top: 0;
border-top: 1px solid #947f12;
}
	
.entry-content {
margin-top: 0;
}
}

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

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