@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: 親羊
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

/* 内部リンクブログカードのサイトURLと本文を非表示 */
.internal-blogcard-footer {
  display: none;
}
.internal-blogcard-snippet {
 margin-top: 1em;
}

/* 内部ブログカードのサムネイルとタイトル文字を大きく */
.internal-blogcard-thumbnail {
width: 280px;
}
.internal-blogcard-title {
font-size: 18px;
}

/* 外部ブログカードのサムネサイズ（元160） */
.blogcard-thumbnail {
width: 280px;
}



/* 投げ銭ボタンリンクアイコンなし */
 .custom-html-widget a[target="_blank"]>span:last-of-type {
     display: none;
 }

/* ポチップ内外部リンクアイコンなし */
 div.pochipp-box__btns a[target="_blank"]>span:last-of-type {
     display: none;
 }


/* 関連記事インフィード広告用 */
.ad-related {
  margin-bottom: 20px;
  padding: 5px;
}

@media screen and (min-width: 768px) {
  .ad-related {
    width: 33%;
  }
}

@media screen and (min-width: 356px) and (max-width: 768px) {
  .ad-related {
    width: 49%;
  }
}

@media screen and (max-width: 356px) {
  .ad-related {
    width: 100%;
  }
}

/* ぽちっぷ画像大きく（元width: 100px; css効かない）*/
.pochipp-box {
grid-template-columns: 340px 1fr !important;
}
.pochipp-box__image img {
max-height: 300px !important;
}
@media screen and (max-width: 599px){
.pochipp-box[data-lyt-mb=vrtcl] .pochipp-box__image img {
width: 90% !important;
max-width: 400px !important;
max-height: 400px;
margin: 0 auto;
}
.pochipp-box {
width: 100% !important; /* 元88% */
}
}




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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
/* 外部カードのサムネサイズ */
.blogcard-thumbnail {
max-width: 400px;
}
.blogcard-thumbnail.a-wrap {
font-size: 16px;
}
.blogcard-thumbnail {
float: none;
}
.blogcard-content {
margin-left: 5px;
}
.blogcard-title {
font-size: 1.2em;
}

}


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