@charset "UTF-8";

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

/************************************
サイト名を消す yuka
************************************/
.logo-header{
  display: none;
} 


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


/*グローバルナビメニュー 文字の大きさを変更 Yuka20210109*/ 
#navi .navi-in > .menu-header .item-label{
	font-size: 17px;
}



/*パンくずリストの表記変更*//*20200607Yuka*/
/* 「ホーム」を消す */
#breadcrumb.breadcrumb .breadcrumb-home a span{
	font-size: 0px;
}
/* 「HOME」を挿入 */
#breadcrumb.breadcrumb .breadcrumb-home a span::before{
	font-size: 13px;
	content: "HOME";
}
/* ホームのアイコンを消す */
#breadcrumb.breadcrumb .breadcrumb-home .fa.fa-home.fa-fw{
	display: none;
}
/* カテゴリのアイコンを消す */
#breadcrumb.breadcrumb .fa.fa-folder.fa-fw{
	display: none;
}
/* 記事のアイコンを消す */
#breadcrumb.breadcrumb .fa.fa-file-o.fa-fw{
	display: none;
}

/* 次のページを消す */
.pagination-next-link {
  display: none;
}
/* ふい字 *//*yuka2020.07.10うまく動いていない*/

@font-face {
	font-family: 'hui';
	src: url('./fonts/HuiFontP109.eot'); /* IE9 Compat Modes */
	src: url('./fonts/HuiFontP109.eot?#iefix') format('embedded-opentype'), /* eof - IE6-IE8 */
             url('./fonts/HuiFontP109.woff') format('woff'), /* woff - Modern Browsers */
	     url('./fonts/HuiFontP109.ttf')  format('truetype'), /* ttf - Safari, Android, iOS */
	     url('./fonts/HuiFontP109.woff2') format('woff2');
        font-style: normal;
}
.huiji {
  font-family: hui;
  font-size:140%;
}
.entry-content h2 {
  font-family: hui;
  font-size:140%;
}




/*リンクボタ化　緑　その他サイド*//*20200531 yuka*/

.btn-1 {
    background-color: #61c359; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    opacity: 0.8;
}

.btn-1:hover {
    box-shadow: none;
    transform: translateY(2px);
}

.btn-1 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
}

.btn-1 > img { float: left; }
.btn-1::after{ content: ''; clear: left; }

/*リンクボタ化　オレンジ　Amazon　その他サイド*//*20200531 yuka*/

.btn-2 {
    background-color: #f7882f; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    opacity: 0.8;
}

.btn-2:hover {
    box-shadow: none;
    transform: translateY(2px);
}

.btn-2 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
}

.btn-2 > img { float: left; }
.btn-2::after{ content: ''; clear: left; }



/*リンクボタ化　赤　楽天*//*20200531 yuka*/

.btn-3 {
    background-color: #f53240; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
    opacity: 0.8;
}

.btn-3:hover {
    box-shadow: none;
    transform: translateY(2px);
}

.btn-3 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
}

.btn-3 > img { float: left; }
.btn-3::after{ content: ''; clear: left; }

/*リンクボタ化（小）　オレンジ　Amazon*//*20201208 yuka*/
button.btn5 {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 背景色指定 */
    background-color: #f7882f;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;
}

button.btn5:hover {
    /* 背景色を明るい青色に指定 */
    background-color: #f7882f;

    /* 文字色を白色に指定 */
    color: #fff;
}





/*投稿パンくずリストルートテキスト*//*Yuka20200607*/
add_filter('breadcrumbs_single_root_text', function (){
  return 'HOME';
});

/* エントリーカードカスタマイズ *//*2020710 yuka*/
.ect-vertical-card .entry-card-wrap {
margin-bottom: 25px;/*間隔調整*/
}
.entry-card-wrap {
border:1px #d2d6d6;/*枠線の色*/
box-shadow: 3px 3px 3px 3px #d2d6d6;/*枠線影の色*/
}
.entry-card-wrap a {
transition: color .3s, background.3s, box-shadow .3s, transform .3s;
}
.entry-card-wrap:hover {
background: #fff;/*カードの色*/
box-shadow: 0 3px 0 #d2d6d6, 0 6px 0 rgba(0,0,0,.2);
transform: translateY(3px);
}
.entry-card-wrap a:active {
transition-duration: .1s;
}
.entry-card .cat-label{
display: none;
}
.eye-catch .cat-label {
border-radius: 5px;
}




	







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


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

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