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

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

/*グローバルナビメニュー　サブメニュー*/
.sub-menu .caption-wrap {
	border-top: dotted #c6b6a6;
	padding:0 0 0 0.5em;
	margin:0;
}
/*グローバルナビメニュー　アイコン非表示ー*/
.navi-in .has-icon {
	display:none;
}

/*ヘッダーモバイルボタン*/
.mobile-header-menu-buttons.mobile-menu-buttons .menu-button {
	color: #540000;
	background-color: #eee7e0;
}

/*ヘッダーモバイルのサイト名の色*/
.mobile-menu-buttons .menu-button > a {
	color: #540000;
}

/*スライドインメニュー*/
.navi-menu-content {
	background-color: #eee7e0;  /*背景色*/
	padding: 5px 20px 5px 20px; /*全体上下左右余白*/
	line-height:2;
	left: auto;
	right: 0;
	transform: translateX(105%);
	width: 70%;
}
.menu-content .menu-drawer {
	padding: 0px 0px 0px 0px; /*メニュー部分上下左右余白*/
}

/*閉じるアイコン変更*/
.menu-close-button {
	color: #c6b6a6; /*閉じるアイコン色*/
	padding: 15px 5px 15px 5px; /*閉じる上下左右余白*/
	text-align: left; /*閉じるアイコン位置*/
	font-size: 20px; /*閉じるアイコンサイズ*/
}

/*外部リンクアイコンサイズ*/
.x-icon {
	width: 20px;
	height: 20px;
}
.pixiv-icon{
	width: 24px;
	height: 24px;
}

/*アピールエリア*/
.appeal {
	border-radius: 20px;　/*角の丸み*/
}

/*メインカラム*/
#main {
	border-radius: 20px;　/*角の丸み*/
}

/*インデックスのテキストウィジェット「たかはた風嘉のイラストサイト」*/
#text-2 {
	color: #540000;
	text-align: center;
	font-size: 95%;
	margin-left: -5px;
	margin-bottom: -10px;
}

/*コンテンツ上下の余白*/
.content {
	margin-top: 0px;
	margin-bottom: 30px;
}

/*ホームの上下余白調整*/
main.main {
	padding-top: 35px;
	padding-bottom: 15px;
}

/*タブがクリックされていない時*/ 
.index-tab-buttons .index-tab-button {
	background-color: #fff; 
	color: #540000;
	border-color: #c6b6a6;
	border-radius: 5px;
}

/*タブがクリックされている時*/
#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"], 
#index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"], 
#index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"], 
#index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"] {
	background-color: #eee7e0;
	color: #540000;
	border-color: #c6b6a6;
	border-radius: 5px;
}

/*ボックスメニュー*/
.box-menus.no-icon {
	margin-top: 10px; /*上の余白*/
}
.box-menu {
	min-height: 50%; /*高さ*/
	box-shadow: inset 1px 1px 0 0 #eee7e0,1px 1px 0 0 #eee7e0,1px 0 0 0 #eee7e0,0 1px 0 0#eee7e0;
}
.box-menu:hover { /*マウスホバー時の背景色*/
	background: #eee7e0;
	box-shadow: inset 1px 1px 0 0 #eee7e0,1px 1px 0 0 #eee7e0,1px 0 0 0 #eee7e0,0 1px 0 0#eee7e0;
}
.box-menu-icon {
	display: none;
}
.box-menu-label {
	font-size: 90%;
	font-weight: lighter;
	color: #540000;
	padding-top: 2px;
}
a.active { /*ページを開いている時の背景色*/
	background: #eee7e0;
}

/*タイトル*/
.page .entry-title,
.single .entry-title {
	text-align: center;
	font-size: 160%;
	padding-top: 0;
	padding-bottom: 0;
}

/*カテゴリー・タグページの見出し*/
.archive-title {
	text-align: center;
	font-size: 140%;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-left: -10px;
}

/*カテゴリー・タグページのアイコンを非表示にする*/
.archive-title :before {
	display: none;
}

/*カテゴリー・タグページ上の余白*/
#list {
	margin-top: 35px;
}

/*サムネイル*/
figure > img{
  border-radius: 10px;
}

/*サムネイルのカテゴリーラベルを非表示にする*/
.cat-label {
	display: none;
}

/*見出しタグ*/
.entry-content h2{
	background: #eee7e0;
	border-radius: 10px;
}

/*ページネーション*/
.page-numbers,
.pagination-next-link {
	background-color: #fff; /*背景色*/
	color: #492900; /*文字色*/
	border-color: #c6b6a6; /*枠線*/
	border-radius: 10px;　/*角の丸み*/
}
.pagination-next-link:hover { /*マウスホバー時*/
	background-color: #eee7e0; /*背景色*/
	color: #540000; /*文字色*/
	border-color: #c6b6a6; /*枠線*/
	border-radius: 10px;　/*角の丸み*/
}

/*もっと見る*/
.list-more-button {
	background-color: #fff; /*背景色*/
	color: #492900; /*文字色*/
	border-color: #c6b6a6; /*枠線*/
	border-radius: 10px;　/*角の丸み*/
}
.list-more-button:hover { /*マウスホバー時*/
	background-color: #eee7e0; /*背景色*/
	color: #540000; /*文字色*/
	border-color: #c6b6a6; /*枠線*/
	border-radius: 10px;　/*角の丸み*/
}

/*前へ　次へ*/
.pager-post-navi {
	box-shadow: inset 1px 1px 0 0 #eee7e0,1px 1px 0 0 #eee7e0,1px 0 0 0 #eee7e0,0 1px 0 0#eee7e0;
}

/*検索フォーム*/
.search-box{
	--search-border-color: #c6b6a6; /*枠線の色*/
	--search-icon:#c6b6a6; /*アイコン色*/
	max-width:600px;/*最大幅*/
	margin-inline:auto; /*中央配置*/
	padding: 10px 10px 0 10px;
}

/*検索入力欄*/
.search-box .search-edit {
	padding: 10px 45px 10px 20px;
	border-width: 2px;
	border-color: var(--search-border-color);
	border-radius: 50px;
}

/*検索ボタン*/
.searchandfilter,
.search-box .search-submit {
	right: 20px;
	top: 20px;
	color:var(--search-icon);
}

/*検索フォーカス時*/
.search-box .search-edit:focus {
	outline:none;
}

/*NOT FOUND*/
.posts-not-found {
	margin-bottom:30px;
}

/*フッター*/
.footer {
	margin-top: 0;
	padding-top: 0;
}

/*横幅*/
.wrap {
	width: 1000px;
}

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

/*モバイルメニュー　文字消す*/
.mobile-menu-buttons .menu-caption{
	display: none;
	}
.mobile-menu-buttons{
	align-items: center;
	background-color: #eee7e0;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
/*フッターメニューを一列にする*/	
.navi-footer-in>.menu-footer{
    flex-wrap: nowrap;  /*フッターメニューを一列に*/
    justify-content: center;
	}
.navi-footer-in a{
    font-size: 90%;  /*フッターメニューの文字の大きさを変更*/
	}
}

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