@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*固定ページの投稿日・更新日を消す場合*/
.page .date-tags {
display: none;
}
/* サイドバー見出し装飾 */
  h3.widget-sidebar-title {
    color: #333333;                      /* 文字色 */
    background: #add8e6;                 /* 背景色 */
    padding: 0.25em 0.25em;              /* [上下][左右]の余白 */
    box-shadow: 0px 0px 0px 4px #add8e6; /* [水平][垂直][ぼかし][距離][色]のBox影 */
    border: dashed 2px #ffffff;          /* [形][太さ][色]の全枠 */
  }
/*ページネーションカスタマイズ*/
.pagination-next-link {
  background-color: #90bfd1;
  color: #fff;
  border: none;
  border-radius: 30px;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2); /*「次のページ」部分の影*/
}
.pagination-next-link:hover {
  background-color: #6eb6d1;
  transition: all 0.5s ease;
  color: #fff;
}
.page-numbers {
  color: #90bfd1;
  border: 1px solid #90bfd1;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); /*数字部分の影*/
}
.pagination .current {
  background-color: #90bfd1;
  color: #fff;
}
.page-numbers.dots {
  opacity: 1;
  background: none;
}
.pagination a:hover {
  background-color: #90bfd1;
  color: #fff;
}
a.prev, a.next {
  display: none;
}
@media screen and (max-width: 480px) {
.page-numbers {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
}
/*********************************
* SNSシェア・フォローボタンを小さく *
**********************************/
#main .sns-share a,
#main .sns-follow a {
width: 45px;
margin: 0 5px 0 0;
}
.sns-share-buttons,
.sns-follow-buttons {
justify-content: center;
}
#main .button-caption {
display: none;
}
#main .social-icon {
font-size: 25px;
}
/* タブレット以上・最小値769px～のスタイル */
@media screen and (min-width: 769px) {
#main .sns-share {
width: 50%;
margin: auto;
}
#main .sns-follow {
width: 40%;
}
#main .sns-share,
#main .sns-follow {
display: inline-block;
}
}
/************************************
** ■スマホ時のタイトルロゴのサイズ設定
************************************/
@media screen and (max-width: 1240px){
  .logo img {
    width: 220px !important; /*ロゴ横サイズ*/
    height: 114px !important; /*ロゴ縦サイズ*/
  }
}
/************************************
** ヘッダー画像とグローバルメニューの間の余白消し
************************************/
.logo-image * {
  display: block;
}

.logo-image {
  padding: 0;
}

/*イラストダウンロードボタンのカスタム*/
.wp-block-file a.wp-block-file__button {
 background-color: #FFA494;/ボタン背景色/
 font-weight: bolder;/文字ちょっと太く/
 color: #FFB2AE;/ボタンテキストの色/
 font-size: 20px;/フォントサイズ/
 border: 5px solid #FFB2AE;/外枠線の太さ　直線　色/
 border-radius: 30px;/角の丸み/
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}