@charset "UTF-8";

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

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


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

.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}

img {
  pointer-events: none;
}

.article h2 {
padding: 0.5em 0.5em;/*文字の上下 左右の余白*/
border-bottom: solid 3px #ed80ad;/*下線*/
}

.article h3{
padding: 0.5em 0.5em;/*文字の上下 左右の余白*/
border-bottom: solid 2px #7d7d7d;/*下線*/
}

.sidebar h3 {
padding: 0.5em 0.5em;/*文字の上下 左右の余白*/
border-bottom: solid 2px #ed80ad;/*下線*/
}

.button a {/*押すと沈み込む感じのボタンをCSSで実装*/
  width: 280px;
  background-color: #ffb805;
  border-radius: 7px;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 10px 0;
  box-shadow: 0 6px 0 rgba(255,150,0,1);
}
.button a:hover {
  box-shadow: none;
  transform: translate3d(0, 6px, 0);
}