@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){
  /*必要ならばここにコードを書く*/
}

.mybox {
 border: 10px solid #fcf0f1;	/* 内側の線の太さ・種類・色 */
 margin: 10px; /* 外側の余白 */
 padding: 10px; /* 内側の余白 */
 position: relative;
 z-index: 0;
}
.mybox:before {
 border: 1px solid #f5d5da;	/* 外側の線の太さ・種類・色 */
 content: '';
 display: block;
 position: absolute;
 top: -10px;
 bottom: -10px;
 left: -10px;
 right: -10px;
 z-index: -1;
}

.normal-box6{
  margin: 1em 0;
  padding: 1em;
  background-color: #fff9c4;
  border: dashed 3px #ffca28;
}

.normal-box6 p{
  margin: 0;
  padding: 0;
}

/* 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 {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

.entry-content h3 {
  position: relative;
}

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

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

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

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

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

.fashionable-box1{
  margin: 1em 10px;
  padding: 1em;
  background-color: #b3e5fc;
  border: dashed 3px #29b6f6;
  box-shadow: 0 0 0 10px #b3e5fc;
  border-radius: 5px;
}

.fashionable-box1 p{
  margin: 0;
  padding: 0;
}

.kokuban {
position: relative;
margin: 2em auto;
padding: 2.2em 1em 1em;
width: 90%;
background-color: #006633;
color: #fff;
border: 8px solid #b2771f;
border-radius: 3px;
box-shadow: 0 0 5px #333, 0 0 5px #555 inset;
line-height: 2em;
}

.kokuban::before,
.kokuban::after {
position: absolute;
content: '';
bottom: 0;
} 

.kokuban::before {
right: 10px;
border: solid 3px #fff;
width: 20px; 
border-radius: 3px 2px 0 2px;
}

.kokuban::after {
right: 40px;
border: solid 3px #ffff6b;
width: 15px; 
border-radius: 8px 5px 2px 5px;
}

.title {
position: absolute;
top: .8em;
font-weight: bold;
font-size: 1.3em;
color: #ffff6b;
}
/*アフィリエイト用のボタン*/
.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-25 .date-tags {
  display: none;
}

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