@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:50%;max-width:100%;}

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

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

/* かんたんリンク(画像表示サイズ大) */
div.easyLink-box{margin-bottom:20px;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:160px!important;max-width:160px!important;}

.easyLink-info-maker{display:none;}
.easyLink-info-name a{color:#3296d2!important;position:absolute;left:40px!important;margin-top:-20px!important;}
.easyLink-info-model{display:none;}

.easyLink-info-btn{display:inline!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:box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25)!important;font-size:1em!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;}
.easyLink-info-btn{margin-top:-5px!important;font-size:12px!important;}
.easyLink-info-btn a:before{height:15px!important;right:5px;position:absolute;}
.easyLink-info-btn-yahoo{font-size:1px!important;}
}

/* トップイメージトリミング */
.xiik_topimg{overflow:hidden;border-radius:25px;}
.xiik_topimg > img{object-fit:cover;aspect-ratio:calc(842/474)/1;display:block;width:100%;max-width:100%;}

/* マイマップヘッダ非表示 */
.xiik_areaframe{overflow:hidden;height:400px;border-top:2px solid #EEE;border-bottom:2px solid #EEE;}
@media screen and (max-width:480px){.xiik_areaframe{height:300px;}}
.xiik_areaframe iframe{height:465px;margin-top:-65px;}
@media screen and (max-width:480px){.xiik_areaframe iframe{height:365px;margin-top:-65px;}}
.xiik_areaheader{/* unused */}

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

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

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