@charset "UTF-8";

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

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



  /* 見出しリセット */
/* 見出し1 */
.article h1{
background: none;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
padding: 0;
font-weight: bold;
}

/* -------見出しカスタマイズ------- */
/* 見出し1 黒 */
.article h1 {
  font-size: 24px;
  background: linear-gradient(to right, #1f1f1f, #1f1f1f);
  padding: 1em 1.5em;
  color: #FFF;
  margin-bottom: 15px;
  border: none;
}

/*480px以下*/
@media screen and (max-width: 480px){
  #sidebar{
    display: none;
  }
}

ul.m-bottom li {
margin-bottom: 30px;
}
ol.m-bottom li {
margin-bottom: 30px;
}
ol.mm-bottom li {
margin-bottom: 60px;
}

/* テーブル余白 10 */

.tablesp10 td,
.tablesp10 tr {
  padding: 10px;
}

/* テーブル余白 15 */

.tablesp15 td,
.tablesp15 tr {
  padding: 15px;
}

/* テーブル余白 20 */

.tablesp20 td,
.tablesp20 tr {
  padding: 20px;
}

/* テーブル余白 30 */

.tablesp30 td,
.tablesp30 tr {
  padding: 30px;
}



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