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

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




/*ヘッダー*/
header {
	display: none;
}



/*フォント指定*/
.ff-noto-sans-jp,
.wf-active .ff-noto-sans-jp {
font-family: Lato ,"Noto Sans JP" ,sans-serif;
}



/* カバーブロック用：インナーブロックの中央寄せを追加 */

body {
	overflow-x:clip;/*水平スクロールバー非表示*/
	font-size: 12px;
}


.cstm-blk-fullwide-inner {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}




/*ヘッダーフッターまわり非表示*/
.breadcrumb,
.article-header,
.article-footer{
	display: none;
}


/*セクションまわりの細々とした余白を消す*/
.main {
	padding-top:0!important;
	padding-bottom:0!important;
}

.wp-block-columns,
.wp-block-cover,
{
	margin-bottom:0!important;
}

.entry-content {
	padding-top:0!important;
	margin-bottom:0!important;
}

 .content-bottom {
	 margin:0;
}


.content {
	padding-top: 0px;
	margin-top: 0px;
}





/*SNSシェア非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}


/*グローバルメニュー メニュー項目の左右の余白*/
#navi .navi-in>ul>li>a{
padding: 0 2em;
}

/*ホバー時にメニューの色が薄くなるのをやめる*/
#navi .navi-in a:hover {
    background-color: rgb(255 255 255 / 0);
}


/*ホバー時にメニューにアンダーラインを出す*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
opacity: .5;
left: 0px;/*線の位置*/
bottom: 0;/*線の位置*/
height: 5px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #ffffff;/*線の色*/
transform: scale(0,1);/*ホバー前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}

#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}



/*全体の字間*/
.body {
	letter-spacing : 0.2em;
}



/*グローバルメニューのフォントサイズ等変更*/
.navi-in .menu-header .item-label{
font-size: 12px;
	font-weight: 600;
}




/*記事一覧のカスタマイズ*/

.new-entry-card-thumb {
    transition-duration: 0.3s; /*アニメーションの時間*/
    box-shadow: 0px 10px 10px -5px rgba(85,85,85,0.75); /*通常時の画像の影*/
}
.new-entry-card-thumb:hover {
    transform: translateY(-6px); /*マウスホバーで上に移動*/
    box-shadow: 0px 5px 5px -5px rgba(85,85,85,0.75); /*マウスホバー時の画像の影*/
}
.new-entry-card-thumb img { /*画像下の隙間を消す*/
    vertical-align: bottom;
}

.new-entry-card-title {
    margin-top: 10px; /*上に余白を付ける*/
    line-height: 1; /*行間を広く*/
	padding-bottom: 0px!important;
}

.is-list-horizontal.large-thumb .card-title, .is-list-horizontal.large-thumb-on .card-title {
    height: 1.5em;
}
/*タイトルと日付の間の調整*/

.new-entry-card-title:hover {
    color: #85A4B5; /*マウスホバー時の色*/
}
@media screen and (max-width: 768px){
    .new-entry-card-title {
        font-size: 12px; /*スマホでの文字の大きさ*/
        line-height: 1.2; /*スマホでの行間*/
    }
}

.e-card-info {
  color: #666; /*色を薄く*/
}
@media screen and (max-width: 768px){
    .e-card-info {
  font-size: 11px; /*スマホでの文字サイズ*/
    }
}





/*記事一覧の投稿日表示カスタム*/


/*ウィジェット記事の投稿日・更新日を表示*/
.widget-entry-card-date {
	display:block;
	text-align: right;/*右寄せ*/
}

/*更新日を非表示にする*/
.widget-entry-card-update-date{
	display: none;
}


/*日付にアイコン追加*/
.widget-entry-card-post-date::before,
.widget-entry-card-update-date::before{
	font-family: "Font Awesome 5 Free";
	padding-right: 3px; /*右余白*/
	font-size:10px;
}

/*投稿日アイコン*/
.widget-entry-card-post-date::before{
	font-weight:normal; 
	content: "\f017"; /*fa fa-clock-oアイコン*/
}

/*更新日アイコン*/
.widget-entry-card-update-date::before{
	font-weight:bold; 
	content: "\f1da"; /*fa-historyアイコン*/
}


/*フッターセンター配置*/

.footer-bottom-content {
  float: none;
  text-align: center;
}
.menu-footer {
  float: none;
  text-align: center;
}


/*サイドバーの目次調整*/
.toc-title {
display: none
}

.sidebar-scroll {
margin-top: 60px;
}









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

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

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