@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:first-letter {
  font-size: 150%;
  color: #eb6100;
}

.entry-content h3 {
  /*線の種類（二重線）太さ 色*/
  border-bottom: double 5px #FFC778;
}

.entry-content h4 {
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #FFC778;/*上線*/
  border-bottom: solid 3px #FFC778;/*下線*/
}

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

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

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

.box15 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
.box15 p {
    margin: 0; 
    padding: 0;
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ff8e8e;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #ff8e8e;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.mybox{
 background-color: #F6D4D8;  /* 背景色 */
 border-radius: 5px;
 margin: 20px 5px; /* 外側の余白 上下・左右 */
 padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
 position: relative;
 z-index: 0;
}
.mybox:before{
 border: 1px solid #fff; /* 白い実線 */
 border-radius: 5px;
 content: '';
 display: block;
 margin: 4px;
 position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 z-index: -1;
}
.mybox:after{
 background-color: rgba(249,223,213,0.9);  /* マステ背景色 */
 background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0); /* 水玉の色 */
 background-position: 0 0, 8px 8px;  /* 水玉の距離 */
 background-size: 15px 15px; /* 水玉の大きさ */
 border-left: 2px dotted rgba(0,0,0,0.1);
 border-right: 2px dotted rgba(0,0,0,0.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2);
 content: 'POINT';
 display: block;
 padding: 5px 20px;  
 text-align: center;
 position: absolute;
 top: -10px;
 left: 20px;
 transform: rotate(-3deg);
 -moz-transform: rotate(-3deg);
 -webkit-transform: rotate(-3deg);
 -o-transform: rotate(-3deg);
}

/*アフィリエイト用のボタン*/
.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-36 .date-tags {
  display: none;
}

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

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


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