@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* トップの文字・アイコンを透明に */
/*.mobile-menu-buttons .top-menu-button > a,*/
.top-menu-icon,
.top-menu-caption {
	color: #fff0;
}
/* トップボタンを画像に */
.top-menu-button {
	background: url("images/up.png") no-repeat;
	background-size: contain;
	background-position: 50%;
	margin: 1px 0;
}

/* 検索の文字・アイコンを透明に */
/*.mobile-menu-buttons .top-menu-button > a,*/
.search-menu-icon,
.search-menu-caption {
	color: #fff0;
}
/* 検索ボタンを画像に */
.search-menu-button {
	background: url("images/search.png") no-repeat;
	background-size: contain;
	background-position: 50%;
	margin: 1px 0;
}
/* メニューの文字・アイコンを透明に */
/*.mobile-menu-buttons .top-menu-button > a,*/
.navi-menu-icon,
.navi-menu-caption {
	color: #fff0;
}
/* メニューボタンを画像に */
.navi-menu-button {
	background: url("images/menu.png") no-repeat;
	background-size: contain;
	background-position: 50%;
	margin: 1px 0;
}

/* ホームの文字・アイコンを透明に */
/*.mobile-menu-buttons .top-menu-button > a,*/
.home-menu-icon,
.home-menu-caption{
	color: #fff0;
}
/* ホームボタンを画像に */
.home-menu-button {
	background: url("images/home.png") no-repeat;
	background-size: contain;
	background-position: 50%;
	margin: 1px 0;
}
/* サイドバーの文字・アイコンを透明に */
/*.mobile-menu-buttons .top-menu-button > a,*/
.sidebar-menu-icon,
.sidebar-menu-caption {
	color: #fff0;
}
/* サイドバーボタンを画像に */
.sidebar-menu-button {
	background: url("images/sidebar.png") no-repeat;
	background-size: contain;
	background-position: 50%;
	margin: 1px 0;
}
/* 背景色を変更 */
.mobile-menu-buttons {
  background: #eee
}

.navi-menu-content {
	background: #eee;
}
.menu-drawer a {
	background-color: #eee; /* これが背景色 */
	color: #000000;
}
.menu-close-button::before {
    font-family: FontAwesome;
    content: "";
    color: #000000;
    padding-right: 4px;
    padding: 0;
    font-size: 2em;
}
.cat-label {
    background: #0095d9;
    border-radius: 10px;
    padding: 0 10px;
    top: 0.8em;
    left: 0.8em;
    font-weight: 600;
    color: #f6ff00;
}
.cat-link {
    background: #0095d9;
    color: #f6ff00;
}
/************************************
** 目次
************************************/
.toc {
	border: 1px solid #00a0e9;
	border-radius: 5px;
	padding: 0.5em;
}
.toc-title {
	color: #00a0e9;
	font-weight: 500;
}
.toc .toc-content {
	color: #00a0e9;
}
.toc a {
	color: #335361;
}
/***********************************
** 見出し h1~h6
************************************/
.article h1 {
	color: #335361;
	line-height: 1.5;
	margin: 0 0 0.5em 0;
	font-weight: 600;
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
	font-size: 1.2em;
	line-height: 1.5;
	color: #00a0e9;
	font-weight: 600;
	margin: 2em 0;
}
.article h2 {
	border-top: 1px solid #00a0e9;
	border-bottom: 1px solid #00a0e9;
	background: url(images/back-dot.png);
	padding: 0.7em;
}
.article h3 {
	border: none;
	border-bottom: 2px dotted #00a0e9;
	padding: 0.5em 0;
}
.article h4 {
	border-left: 5px solid #00a0e9;
	border-top: none;
	border-bottom: none;
	border-right: none;
	padding: 0.2em 0.7em;
}
.article h5 {
	border: none;
	border-bottom: 2px solid #00a0e9;
	padding: 0.5em 0;
}
.article h6 {
	border: none;
	border-bottom: 1px solid #00a0e9;
	padding: 0.5em 0;
}
#archive-title {
	color: #00a0e9;
	font-size: 1.4em;
}
.sidebar h3 {
    background-color: #e0ffff;
	border: 1px solid #ccc;
    padding: 12px;
    margin: 16px 0;
	border-radius: 5px;
}
.pagination-next-link, .comment-btn {
    background-color: #e0ffff;
	border-radius: 5px;
}
.pagination .current {
    background-color: #e0ffff;
}
.page-numbers.dots {
    opacity: 0.6;
    background-color: #e0ffff;
}

.a-wrap {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    transition-duration: 0.3s;
}