@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
  /* フォントの色 */
	color: #000;
}
a:hover {
  color: #ffd700;
}
.navi-in > ul li {
  display: block;
  height: 40px;
  line-height: 40px;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap {
  line-height: 21.4285714286px;
  display: flex;
  flex-wrap: wrap;
  height: 40px;
}
.site-name-text {
  font-size: 36px;
  color: #000;
}
.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 {
  color: #000;
  padding: 1px 0;
  display: block;
}
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover {
  background-color: #fffacd;
  transition: all 0.5s ease;
  color: #333;
}
.article h2 {
	font-size: 22px;
	color: #fff;
	box-shadow: 0px 0px 0px 3px #3c3c3c;
	border: dashed 2px #808080;
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: #3c3c3c;
	padding: 20px;
}
.article h3 {
	border-left: 0px solid #ffd700;
	border-right: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-bottom: 6px double #4cb5f5;
	background: #fff;
	font-size: 22px;
	line-height: 40px;
	padding: 6px 7px;
}
/*
.article h2 {
  font-size: 24px;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #f3f4f5;
}
.article h3 {
  border-left: 7px solid #ffd700;
  border-right: 0px solid #ccc;
  border-top: 0px solid #ccc;
  border-bottom: 1px solid #808080;
  font-size: 22px;
  padding: 6px 20px;
}
*/
.article h4 {
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-bottom: 3px dashed #4cb5f5;
}
.sidebar h3 {
	color: #fff;
	background-color: #3c3c3c;
	box-shadow: 0px 0px 0px 3px #3c3c3c;
	border: dashed 2px #808080;
	padding: 10px 10px;
	margin: 16px 0;
	font-size: 16px;
}
.blank-box {
	border-width: 2px;
	border-color: #d3d3d3;
}
.blank-box.bb-yellow {
	border-width: 2px;
	border-color: #ffd700;
	background-color: #fffff0;
}
.blank-box.bb-blue {
	background-color: #F0FFFF;
	border-color: #6495ed;
}
.dark-box {
	background-color: #f5f5f5;
}
.info-box {
	background-color: #fef3e2;
}
.bold.blue{
	color: #6495ed;
}

.blank-box.sticky.st-blue {
  border-color: #4cb5f5;
  background-color: #E6FAFF;
}
.blank-box.sticky.st-red {
  border-color: #fa8072;
  background-color: #fff0f5;
}


.list-y{
   list-style: none;
   padding:0;
   margin:0;
}
.list-y li { 
   position: relative;
   margin:0.5em 0 !important;
   padding-left: 25px;
}
.list-y li:before {
   font-family: FontAwesome;
   content: "\f058";
   color:  #ffd700;
   position: absolute;
   left:0;
}
.list-b{
   list-style: none;
   padding:0;
   margin:0;
}
.list-b li { 
   position: relative;
   margin:0.5em 0 !important;
   padding-left: 25px;
}
.list-b li:before {
   font-family: FontAwesome;
   content: "\f058";
   color:  #6495ed;
   position: absolute;
   left:0;
}

.btn-red{background-color: #bf4762;}
.btn-pink{background-color: #ebb2cb;}
.btn-purple{background-color: #bb8bc7;}
.btn-deep{background-color: #7b5980;}
.btn-indigo{background-color: #5475ab;}
.btn-blue{background-color: #0095d9;}
.btn-light-blue{background-color: #4cb5f5;}
.btn-cyan{background-color: #eb5e30;}
.btn-teal{background-color: #85d4b0;}
.btn-green{background-color: #8bd9ac;}
.btn-light-green{background-color: #c6eb9b;}
.btn-lime{ background-color: #e2eba0;}
.btn-yellow{ background-color: #edde8a;}
.btn-amber{background-color: #f5be41;}
.btn-orange{background-color: #e60033;}
.btn-deep-orange{background-color: #e6a583;}
.btn-brown{background-color: #8f6e5d;}
.btn-grey{background-color: #b9b9bd;}
.btn-blue-grey{background-color: #9aa5ab;}
.btn-black{background-color: #696666;}

.sb-id-11 .speech-balloon {
  background-color: #f0f8ff; /* 吹き出しメイン部分の背景色 */
  border: 2px solid #f0f8ff; /* 吹き出しメイン部分のボーダー */
  color: #333; /* セリフの文字色 */
}
.sb-id-11 .speech-balloon::before {
  border-left: 12px solid #f0f8ff; /* 三角部分の外側（ボーダー）の太さ・形状・色 */
}
.sb-id-11 .speech-balloon::after {
  border-left: 12px solid #f0f8ff; /* 三角部分の内側（背景）の色 */
}
@media screen and (max-width: 480px){
  .sb-id-11 .speech-balloon::before { border-left: 7px solid #f0f8ff; /* スマホでの三角部分の外側 */
  }
  .sb-id-11 .speech-balloon::after { border-left: 7px solid #f0f8ff; /* スマホでの三角部分の内側 */
  }
}
.sb-id-12 .speech-balloon {
  border: 2px solid #FFC0CB; /* 吹き出しメイン部分のボーダー */
}
div.sb-id-12 .speech-balloon::before { /* 丸パーツ(大)の指定 */
  border: 2px solid #FFC0CB;
}
div.sb-id-12 .speech-balloon::after { /* 丸パーツ(小)の指定 */
  border: 2px solid #FFC0CB;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}