@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* reCAPTCHAバッジ非表示 */
.grecaptcha-badge {visibility: hidden;}

/* モバイルメニューで検索バーが飛ぶ対策 */
.search-menu-content {top:70%;}

/* モバイルメニュータイトルフォント */
.logo-menu-button {font-size:70%;}
/*.mobile-menu-buttons .menu-button > a {color:#FFFFFF;}*/

/* 目次の幅 */
.entry-content .toc {width:60%;max-width:100%;}

/* スポンサーリンクフォント */
.ad-label {font-size:70%;}

/* 投稿リストのカテゴリーラベル非表示 */
.cat-label {display:none;}

/* モバイルメニューロゴ画像サイズ調整 */
.logo-menu-button img {width:100px;margin:15px auto;}

/* 人気記事3カラム対応 */
main .popular-entry-cards {display:flex;flex-wrap:wrap;}
main .popular-entry-card-link {width:33%;}
@media screen and (max-width:834px) {main .popular-entry-card-link {width:50%;}}
@media screen and (max-width:480px) {main .popular-entry-card-link {width:100%;}}

/* 関連記事（WordPress Infinite Scroll - Ajax Load More対応） */
@media screen and (max-width:480px){.related-entry-card-wrap{width:100%!important;}}

/* 新着記事（WordPress Infinite Scroll - Ajax Load More対応） */
main .alm-listing {display:flex;flex-wrap:wrap;}
main .new-entry-card-link {width:33%;}
@media screen and (max-width:834px) {main .new-entry-card-link {width:50%;}}
@media screen and (max-width:480px) {main .new-entry-card-link {width:100%;}}
main .widget-entry-card-content {font-weight:700;font-size: var(--cocoon-default-text-size);margin-left:0;}
main .alm-listing .a-wrap {height:auto;padding:5px 5px 21px;line-height:1.3;margin-bottom:4px;}
main .new-entry-card-thumb {margin-right:0;width:100%;}
main .ajax-load-more-wrap ul {padding-left:0;}

/* かんたんリンク(画像表示サイズ大) */
div.easyLink-box{margin-bottom:20px;}.easyLink-info-btn{display:inline!important;}.easyLink-info-name a{color:#3296d2 !important;}
.easyLink-info-btn a{margin:5px 10px 5px 0!important;padding:0 12px!important;line-height:35px!important;display:inline-block!important;width:93%!important;box-shadow:0 8px 15px -5px rgba(0, 0, 0, 0.25)!important;font-size:1em!important;}
.easyLink-info-btn a:before{font-family:FontAwesome;content:"\f0da";padding-right:3px;}.easyLink-info-maker{display:none;}.easyLink-info-model{display:none;}
.easyLink-info-btn-amazon{background:#ffb36b!important;}.easyLink-info-btn-rakuten{background:#ea7373!important;}.easyLink-info-btn-yahoo{background:#73c1ea!important;}
@media screen and (max-width:480px){div.easyLink-box div.easyLink-info p.easyLink-info-btn a{width:93%!important;position:relative;}.easyLink-info-btn a:before{padding-right:5px;right:5px;position:absolute;}}
@media screen and (max-width:480px){div.easyLink-box div.easyLink-info p.easyLink-info-name{margin-bottom:5px;font-size:15px;}div.easyLink-box{padding:10px 20px;}div.easyLink-box div.easyLink-img p.easyLink-img-box span > img{max-width:100%;max-height:100%;}div.easyLink-box div.easyLink-img{margin-bottom:5px;height:100%;}div.easyLink-box div.easyLink-img::before{padding-top:80%!important;}div.easyLink-box div.easyLink-info p.easyLink-info-btn{margin-top:10px;text-align:center;}div.easyLink-box div.easyLink-info p.easyLink-info-btn a{margin:12px 0;padding:6px 0;}}

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

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

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