@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){
  /*必要ならばここにコードを書く*/
}

/* 20190910追加
 * トップページのタイトル消去 *
 * https://info-biz.club/wordpress/cocoon/cocoon-sidebar-custom.html *
 * https://unlimitedchaos.net/headline-customization-of-wordpress-theme-cocoon *
 ***********************/
/* トップページのタイトルを消す */
#post-925 h1.entry-title {
    display: none;
}

/* 20190814追加
 * サイドバー見出しの装飾 *
 * https://info-biz.club/wordpress/cocoon/cocoon-sidebar-custom.html *
 * https://unlimitedchaos.net/headline-customization-of-wordpress-theme-cocoon *
 ***********************/
/* サイドバー：見出し装飾 */
  h3.widget-sidebar-title {
    color: #333333;                      /* 文字色 */
    background: #ffffff;                 /* 背景色 */
    padding: 0.25em 0em;                 /* [上下][左右]の余白 */
    border-top: solid 2px #3bc8c6;       /* 上枠 */
    border-right: none;                  /* 右枠 */
    border-bottom: solid 2px #3bc8c6;    /* 下枠 */
    border-left: none;                   /* 左枠 */
  }
/* サイドバースクロール追従：見出し装飾 */
  h3.widget-sidebar-scroll-title {
    color: #333333;                      /* 文字色 */
    background: #ffffff;                 /* 背景色 */
    padding: 0.25em 0em;                 /* [上下][左右]の余白 */
    border-top: solid 2px #3bc8c6;       /* 上枠 */
    border-right: none;                  /* 右枠 */
    border-bottom: solid 2px #3bc8c6;    /* 下枠 */
    border-left: none;                   /* 左枠 */
  }


/* 20190809追加
 * 固定グローバルナビ *
 * https://10kibi.com/cocoon_globalnavi/ *
 ***********************/
/*ヘッダー固定*/
.navifixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
/* グローバルナビの設定 */
@media screen and (min-width: 768px) {
.navi-in{
float: none;
background: url(/wp-content/uploads/2019/08/fky-illust_globallogo.png) no-repeat; /* カバー画像を指定 */
background-size: contain;
z-index: 999;
display: flex;
justify-content: flex-end;
}
}
/* ここまで、グローバルナビの設定 */


/* 20190403追加
 * Cocoon風タブボックス *
 * https://bibabosi-rizumu.com/cocoon-tab-box-title-editing/ *
 ***********************/
/* タイトル */
.title-simple {
	position: absolute;
	top: -1.9em;
	left: -1px;
	font-size: 1em;
	font-weight: bold;
	display: inline-block;
	padding: 0.2em 1em 0;
	border-radius: 5px 5px 0 0;
	color: #fff;
	background: #3bc8c6; /* 背景 復活家グリーン：いろ差し替え場所 */
}
/* BOX */
.box-simple {
	position: relative;
	border-radius: 0 5px 5px;
	padding: 1.5em 1em 0.5em;
	margin: 2.5em 0 2em;
	box-shadow: 2px 3px 3px #ddd;
	border: 1px solid #9dd9a0; /* 枠 グリーン：色の差し替え場所 */
}
/* スマホ以外481px以上 */
@media screen and (min-width: 481px) {
	.box-simple {
		margin: 3em 1em 2em; /* 上 左右 下 */
	}
}
/* ここまで、Cocoon風 */
/*
 * シンプルタブボックス *
 **********************/
/* タイトル */
.box-title {
	position: absolute;
	top: -1em; /* タイトル位置マイナス値あげると上  */
	left: 1em; /* 左から1文字分右へ */
	font-size: 1.1em; /* サイズ1.1文字分 */
	font-weight: bold; /* フォント太く */
	display: inline-block;
	padding: 0.2em 0.8em 0; /*内側余白:上下 左右*/
	border-radius: 5px; /* 角丸 */
}
/* BOX */
.title-box {
	position: relative;
	border-radius: 5px;
	padding: 1.5em 1em 0.5em; /* 内側余白:上 左右 下 */
	margin: 2.5em 0 2em; /* 外側余白: 上 左右 下 */
	box-shadow: 2px 3px 3px #ddd;
}
/* スマホ以外481px以上 */
@media screen and (min-width: 481px) {
	.title-box {
		margin: 3em 1em 2em; /* 上 左右 下 */
	}
}
/* gray */
.title-gray {
	color: #666;
	background: #fff;
}
.box-gray {
	border: #ddd 1px solid;
}
/* pink */
.title-pink {
	color: #D05A6E; /* 色を変更してみた */
	background: #fff;
}
.box-pink {
	border: #D05A6E 1px solid; /* 色を変更してみた */
}
/* blue */
.title-blue {
	color: #3847fa;
	background: #fff;
}
.box-blue {
	border: #a0a8ff 1px solid;
}
/* brown */
.title-brown {
	color: #bb5f03;
	background: #fff;
}
.box-brown {
	border: #efb072 1px solid;
}
/* green */
.title-green {
	color: #4CAF50;
	background: #fff;
}
.box-green {
	border: #9dd9a0 1px solid;
}
/* ここまで、シンプルタブボックス */