@charset "UTF-8";

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

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

.wpp-post-title{
	font-weight: bold;
}

/*** ページ下 Amazon用立体ボタン ****/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--yellow {
  color: #000;
  background-color: #fff100;
  border-bottom: 5px solid #ccc100;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #000;
  background: #fff20a;
  border-bottom: 2px solid #ccc100;
}
/*****/

/************************************
** h2
************************************/
/* 既存見出しのリセット */
.entry-content h2,
.entry-content h2:before,
.entry-content h2:after {
content: none;
background: none;
border: none;
border-radius: 0;
}


.entry-content h2 {
position: relative;
}

.entry-content h2:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}

/************************************
** h3
************************************/
/* 既存見出しのリセット */
.entry-content h3,
.entry-content h3:before,
.entry-content h3:after {
content: none;
background: none;
border: none;
border-radius: 0;
}


.entry-content h3 {
padding-bottom: .2em;
border-bottom: 2px dashed #7ED1E6;
}


/************************************
** h4
************************************/
/* 既存見出しのリセット */
.entry-content h4,
.entry-content h4:before,
.entry-content h4:after {
content: none;
background: none;
border: none;
border-radius: 0;
}


.entry-content h4 {
padding: 0.1em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/

}

/************************************
** table class
************************************/
table.amazon{
	border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
border:2px solid #999 !important;
}

td.rakuten{
	border-top:2px solid #999;
}



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