@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
  /* フォントの色 */
	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;
  text-decoration: none;
  padding: 2px 0;
  display: block;
  padding-right: 4px;
  padding-left: 4px;
}
.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: #f8dcdc;
  transition: all 0.5s ease;
  color: #000;
}

.article h3 {
  border-left: 6px solid #ff5555;
  border-right: 0px solid #ccc;
  border-top: 0px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 22px;
  padding: 6px 20px;
}

.article h4 {
	color: #000;
	background-color: transparent;
	border: transparent;
	border-bottom: solid 2px #ccc;
}
.entry-content pre {
  padding: 20px;
}
.secondary-box {
	background-color: #f5f5f5;
}
.danger-box {
	background-color: #fff0f5;
	color: #000;
}

.blank-box.bb-yellow {
	background-color: #fffff0;
	border-color: #ffd700;
	border-style: solid;
}
.list-r{
   list-style: none;
   padding:0;
   margin:0;
}
.list-r li { 
   position: relative;
   margin:0.5em 0 !important;
   padding-left: 25px;
}
.list-r li:before {
   font-family: FontAwesome;
   content: "\f058";
   color:  #ff5555;
   position: absolute;
   left:0;
}
.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:  #ffa500;
   position: absolute;
   left:0;
}
.sidebar .sns-follow-buttons {
  justify-content: center;
}
.sidebar .sns-follow {
  margin: 0 0 24px 0;
}
.sidebar .sns-follow-buttons a {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 20px;
  margin: 0 6px;
}

.fb-like-box{
	background-color: #f0f0f0;
}
.fb-like-message{
	color: #000;
}
.fb-like-sub-message{
	color: #000;
}

.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: #92c1d6;}
.btn-cyan{background-color: #89d1d6;}
.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: #ffd64d;}
.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;}

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