@charset "UTF-8";

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

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

/* カスタムテキスト1をオレンジの太字にする */
.cocoon-custom-text-1 {
  color: #e89951 !important;
  font-weight: bold !important;
}

/* スライドイン背景色（モバイル） */
.mobile-menu-buttons {
background: #d0f0f7; /* カラーコード */
}
.sidebar {
font-size: 0.8em;
}
.article{
width:98%;
margin: 0 auto;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}
#carousel .carousel-in{
   box-shadow:none;
   background-color:#d0f0f7;
}
#carousel .a-wrap{
   margin:0;
   box-shadow:none;
   border:none;
}
#carousel .carousel-entry-card-title{
   font-size:0.75em;
   font-weight:bold;
   color:#333;
}
.pagination-next, .next, .prev, .pager-prev-next{ display: none; }
.pager-numbers a { text-decoration: none; }

.page-numbers{
    border: none !important;
    border-radius: 50%;
    font-family: sans-serif;
    font-size: 80%;
    color: #666 !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    transition: all .1s ease;
    background-color: #ffffff;
}

.pagination a.page-numbers:hover,.pager-numbers a:hover .page-numbers{
    background-color: #604fdd; /* マウスオーバー時の背景色 */
    color: #fff !important;
}

.pagination .current, .pager-links .current{
    background-color: #ccc;
    color: #fff;
}

/*特定ページの著者情報を消す場合*/
.page-id-2056 .author-info {
    display: none;
}


/*特定ページのシェア・フォローボタン非表示*/
.page-id-2056 .sns-share,
.page-id-2056 .sns-follow {
    display: none;
}

nav#navi, .menu-header .sub-menu{
	font-weight: bold;
	box-shadow:0 5px 15px -5px rgba(0,0,0,.8);
}
.btn{
	box-shadow: 0 7px 10px -5px rgba(0,0,0,0.5);
}
.btn-red { background-color: #f44336; } /* レッド */
.btn-pink { background-color: #e91e63; } /* ピンク */
.btn-purple { background-color: #f1e58a; } /* パープル */
.btn-deep { background-color: #673ab7; } /* ディープパープル */
.btn-indigo { background-color: #3f51b5; } /* インディゴ(紺色) */
.btn-blue { background-color: #2196f3; } /* ブルー */
.btn-light-blue { background-color: #03a9f4; } /* ライトブルー */
.btn-cyan { background-color: #00bcd4; } /* シアン */
.btn-teal { background-color: #009688;} /* ティール(緑色がかった青) */
.btn-green { background-color: #4caf50; } /* グリーン */
.btn-light-green { background-color: #8bc34a; } /* ライトグリーン */
.btn-lime { background-color: #cddc39; } /* ライム */
.btn-yellow { background-color: #edd60e; } /* イエロー */
.btn-amber { background-color: #ffc107; } /* アンバー(琥珀色) */
.btn-orange { background-color: #ff9800; } /* オレンジ */
.btn-deep-orange { background-color: #ff5722; } /* ディープオレンジ */
.btn-brown { background-color: #795548; } /* ブラウン */
.btn-grey { background-color: #9e9e9e; } /* グレー */

.btn-wrap.btn-wrap-pink > a {
	background-color: #883c82;
	box-shadow: 0 7px 10px -5px rgba(0,0,0,0.5);
}
.btn-wrap.btn-wrap-purple > a {
	background-color: #f1e58a;
	box-shadow: 0 7px 10px -5px rgba(0,0,0,0.5);
}
.btn-wrap.btn-wrap-teal > a {
	background-color: #b7569a;
	box-shadow: 0 7px 10px -5px rgba(0,0,0,0.5);
}
.btn-wrap.btn-wrap-green > a {
	background-color: #e4f091;
	box-shadow: 0 7px 10px -5px rgba(0,0,0,0.5);
}


/**** タイトル・日付消す ****/
/*トップページのタイトルを非表示*/
.home.page .entry-title{
   display: none;
}
 

/*トップページの投稿日を非表示*/
.home.page .post-date{
     display: none;
}

/*トップページの更新日を非表示*/
.home.page .post-update{
     display: none;
}
/*楽天ボタン色変更*/
.shoplinkrakuten a {
background: #f1e58a;
}
.shoplinkyahoo a {
background: #4c5374;
}
.shoplinkamazon a {
background: #71647c;
}
/*楽天の線を消して背景を白く*/
.rakuten-item-box { /*楽天のボックス用コード*/
 border: 1px solid #f1e58a;
    background: #ffffff; /*背景色をつける*/
}
.rakuten-item-box::after {
    color: #f1e58a; /*楽天のアイコンの色*/
}