@charset "UTF-8";

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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* H2 */
.entry-content h2{
background:none;
padding: 0;
}
 
/* H3 */
.entry-content h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}
 
/* H4 */
.entry-content h4{
border-top:none;
border-bottom:none;
padding: 0;
}
 
/* H5 */
.entry-content h5{
border-bottom:none;
padding: 0;
}
 
/* H6 */
.entry-content h6{
border-bottom:none;
padding: 0;
}

.entry-content h2 {
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
}

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

.entry-content h4 {
    display: inline-block;
    position: relative;
    margin: calc(3.5em / 2) 0 calc(3.5em / 4) calc(3.5em / 2);
    color: #957575;
    line-height: 1;
}

.entry-content h4:before {
    position: absolute;
    bottom: calc(-3.5em / 4);
    left: calc(-3.5em / 2);
    z-index: -1;
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    background: #fce1bb;
    content: '';
}


.mybox{
 background-color: #fff;	/* 背景色 */
 border: 1px solid #ccc; /* 線の太さ・種類・色 */
 box-shadow:1px 1px 6px 0px #ccc;
 -moz-box-shadow:1px 1px 6px 0px #ccc;
 -webkit-box-shadow:1px 1px 6px 0px #ccc;
 -o-box-shadow:1px 1px 6px 0px #ccc;
 margin: 20px 5px; /* 外側の余白 上下・左右 */
 padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
 position: relative;
 z-index: 0;
}
.mybox:after{
 background-color: #d9ccb3; /* マステ部分の色1 */
 background-image: linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be), linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be); /* マステ部分の色2 */
 background-position: 0 0, 12px 12px;
 background-size: 24px 24px;
 border-left: 2px dotted rgba(255,255,255,0.9);
 border-right: 2px dotted rgba(255,255,255,0.9);
 box-shadow: 0 0 5px rgba(255,255,255,0.5);
 content: 'POINT';
 display: block;
 margin: 0 0 10px 0;
 padding: 5px 20px;
 color: #fff;  /* マステ部分文字色 */
 text-align: center;
 position: absolute;
 top: -10px;
 left: 20px;
 transform: rotate(-3deg);
 -moz-transform: rotate(-3deg);
 -webkit-transform: rotate(-3deg);
 -o-transform: rotate(-3deg);
}

.under {
  background: linear-gradient(transparent 50%, #e5f2ff 50%);
}

.line {
  background: linear-gradient(transparent 50%, #fdd35c 50%);
}

.marker {
  background: linear-gradient(transparent 50%, #b7ffb7 50%);
}

.mybox1{
 background-color: #F6D4D8;  /* 背景色 */
 border-radius: 5px;
 padding: 20px;  /* 内側の余白 */
 position: relative;
 z-index: 0;
}
.mybox1:before{
 border: 1px solid #fff; /* 白い実線 */
 border-radius: 5px;
 content: '';
 display: block;
 position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 margin: 4px;
 z-index: -1;
}

/*アフィリエイト用のボタン*/
.af_button>a{
    margin: .5em .10em .5em 0;
    text-decoration: none;
    display: inline-block;
    padding: .7em 2em;
    border-radius: 30px;
    box-shadow: 0 4px 4px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
    background-color: #00cc33;/*背景の色*/
    color: #fff;/*文字の色*/
    font-weight: bold;/*文字の太さ*/
}
.af_button>a:hover{
    text-decoration: none;
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    -webkit-tap-highlight-color: transparent;
}
.af_button{
text-align:center;/*中央寄せ*/
}

.logo-image * {
  display: block;
}

.logo-image {
  padding: 0;
}

/*---------------------------------
固定ページの日付を非表示にする、おまじない
--------------------------------*/
.post-26 .date-tags {
  display: none;
}

/*---------------------------------
記事一覧のカテゴライズ表示を丸くする
--------------------------------*/
.cat-label {
    top: 0.5em; /*上からの距離*/
    left: 0.5em; /*左からの距離*/
    border: none; /*ボーダーを消す*/
    font-size: 12px; /*文字サイズ*/
    color: #fff; /*文字色*/
    background-color: #67b5b7; /*背景色*/
    padding: 1px 10px; /*余白*/
    border-radius: 14px; /*角を丸く*/
}

/*---------------------------------
固定ページ（ID1359）のタイトルを消す
--------------------------------*/
.page-id-1359 h1.entry-title{
display:none;
}

/* 見出しリセット */
/* 見出し2 */
.page .article h2{
background:none;
padding: 0;
}