@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*オリジナル
.btn-clipboard {
  display: inline-block;
}
.clipboard-success {
  display: none;
  margin: 0 0 0 8px;
  font-size: .9em;
}*/

.btn {
display: inline-block;
  max-width: 180px;
  text-align: left;
  background-color: #ffa300;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 10px;
  border-radius: 4px;
  border-bottom: 4px solid #d37800;
}

.btn:hover {
display: inline-block;
  max-width: 180px;
  text-align: left;
  background-color: #ffc633;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 10px;
  border-radius: 4px;
  border-bottom: 4px solid #d37800;
}

.btn:active {
    transform: translateY(12px);
    border-bottom: none;
}	
	

.btn-copy {
display: inline-block;
  max-width: 180px;
  text-align: left;
  background-color: #ffa300;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 10px;
  border-radius: 4px;
  border-bottom: 4px solid #d37800;
}


/*インデックスページ*/
.entry-card-snippet{
    font-size: 14px; /*文字サイズ*/
    color: #606060; /*文字色*/
    line-height: 160%;
    padding-top: 4px;
    padding-left: 31px;
}

.entry-card-title{
    font-size: 22px; /*文字サイズ*/
}

.cat-label {
    font-size: 12px; /*文字サイズ*/
    padding: 1px 10px; /*余白*/
}


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