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


/************************************
サイト名を消す yuka
************************************/
.logo-header{
  display: none;
} 


/************************************
** 子テーマ用のスタイルを書く
************************************/

/*トップページのアピールエリアの画像の縦横比を保持 アピールエリア利用時　yuka20210929*/
#appeal {
    height: calc(100vw * calc(750 / 1920));
}


/*サイト名を消す ヘッダーレイアウトがトップメニュー（小）のとき yuka20210904*/
 
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{
  display: none;
}

/*必要ならばここにコードを書く*/

/*パンくずリストの表記変更*//*20210904Yuka*/
/* 「ホーム」を消す */
#breadcrumb.breadcrumb .breadcrumb-home a span{
	font-size: 0px;
}
/* 「HOME」を挿入 */
#breadcrumb.breadcrumb .breadcrumb-home a span::before{
	font-size: 13px;
	content: "HOME";
}
/* ホームのアイコンを消す */
#breadcrumb.breadcrumb .breadcrumb-home .fa.fa-home.fa-fw{
	display: none;
}
/* カテゴリのアイコンを消す */
#breadcrumb.breadcrumb .fa.fa-folder.fa-fw{
	display: none;
}
/* 記事のアイコンを消す */
#breadcrumb.breadcrumb .fa.fa-file-o.fa-fw{
	display: none;
}

/* 次のページを消す */
.pagination-next-link {
  display: none;
}





/*download monitorのカスタマイズ Yuka 20210912*/


/* シャドウをオフにする */
.dlm-downloads .download-box {
	box-shadow: none;
	border: 0px;
}

/* ファイル名表示の設定 */
.dlm-downloads .download-box .download-box-content h1{
	display: table-cell;
	height: 3rem;
	vertical-align: middle;
	font-size: 0.8rem;
}

/* サムネイルを一定の大きさで表示する */
.download-box img.wp-post-image {
	border: 10px #9BBFBF solid;
	height:auto;
	width:auto;
	object-fit: cover;
}

/* ダウンロード数カウントを非表示に */
.download-box .download-count {
	display: none !important;
}

/* pタグpaddingの修正 */
.download-box-content p {
	padding-bottom: 0px !important;
}

/*ダウンロードファイル名を消す　Yuka追記*/
.download-box-content h1{
	font-size:0px;
	line-height: 20px;
}


/* ダウンロードボタンのスタイル */ 
/*Yuka20220930追記　なぜかボタンのカスタマイズ内容がうまく表示しないためいったんカスタマイズ設定をオフする*/

/*.download-button {
	padding: 12px 6px 6px !important;
	border-radius: 10px !important;
	background-color: #E37A3C !important;
	background-image: none !important;
	font-size: 0px !important;
	text-shadow: none !important;
	border: 12px !important;
	line-height: 30px !important;
	
}
*/

/* ダウンロードボタンの文言をbeforeを使って無理やり書き換える */
/*Yuka20220930追記　なぜかボタンのカスタマイズ内容がうまく表示しないためいったんカスタマイズ設定をオフする*/
/*.download-button:before {
    content: 'Download';
	font-size: 16px !important;
	font-weight: bold;
	color: #fff;
	
}
*/


/*Yuka20220930追記　なぜかボタンのカスタマイズ内容がうまく表示しないための一時対応*/
.download-button {
	padding: 12px 6px 6px !important;
	border-radius: 10px !important;
	background-color: #E37A3C !important;
	background-image: none !important;
	font-size: 16px !important;
	font-weight: bold;
	text-shadow: none !important;
	border: 12px !important;
	line-height: 30px !important;
	
}


/* 余計な要素の削除 */
.download-button small {
	display: none !important;
}




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

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

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