@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:70%;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{padding-top:40px!important;border:double #CCC!important;box-shadow:2px 3px 9px -5px rgba(0,0,0,.25);}
div.easyLink-box div.easyLink-img,div.easyLink-box div.easyLink-img p.easyLink-img-box,div.easyLink-box div.easyLink-img p.easyLink-img-box img.easyLink-img-pht{max-height:200px!important;max-width:200px!important;}
.easyLink-info-maker{display:none;}
.easyLink-info-name a{color:#3296d2!important;position:absolute;left:60px!important;margin-top:-30px!important;}
.easyLink-info-model{display:none;}


.easyLink-info-btn a{margin:8px 0px 8px 0!important;padding:0px 12px!important;width:100%!important;line-height:35px!important;font-size:1em!important;vertical-align:middle!important;display:inline-block!important;box-shadow:box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25)!important;}
.easyLink-info-btn a:before{font-family:FontAwesome;content:"\f0da";padding-right:3px;}

.easyLink-info-btn-amazon{vertical-align:middle;background:#f6a306!important;border:2px solid #f6a306!important;}
.easyLink-info-btn-rakuten{vertical-align:middle;background:#cf4944!important;border:2px solid #cf4944!important;}
.easyLink-info-btn-yahoo{vertical-align:middle;background:#51a7e8!important;border:2px solid #51a7e8!important;}
a:hover.easyLink-info-btn-amazon {opacity:1!important;background:#fff!important;color:#f6a306!important;}
a:hover.easyLink-info-btn-rakuten {opacity:1!important;background:#fff!important;color:#cf4944!important;}
a:hover.easyLink-info-btn-yahoo {opacity:1!important;background:#fff!important;color:#51a7e8!important;}

@media screen and (max-width:480px){
div.easyLink-box{padding:10px 20px;}
div.easyLink-box div.easyLink-info p.easyLink-info-name{margin-bottom:5px;font-size:15px;}
div.easyLink-box div.easyLink-img{margin-bottom:5px;height:100%;}
div.easyLink-box div.easyLink-img,div.easyLink-box div.easyLink-img p.easyLink-img-box,div.easyLink-box div.easyLink-img p.easyLink-img-box img.easyLink-img-pht{max-height:120px!important;max-width:120px!important;}

div.easyLink-box div.easyLink-img::before{padding-top:80%!important;}
div.easyLink-box div.easyLink-img p.easyLink-img-box span > img{max-width:100%;max-height:100%;}
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{width:93%!important;position:relative;margin:12px 0;padding:6px 0;}
p.easyLink-img-box{position:initial!important;padding-bottom:130px!important;}
.easyLink-img{float:left!important;width:130px;padding-right:20px!important;}
.easyLink-info{display:flex;flex-wrap:wrap;}
.easyLink-info-name a{font-size:15px!important;left:30px!important;}
.easyLink-info-btn{font-size:12px!important;}
.easyLink-info-btn a:before{right:5px;position:absolute;}

}

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

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

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