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

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

/*ヘッダーロゴを左寄せ
.logo{
	text-align:left;
}*/

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


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

/* グローバルメニューフォント */
.navi-in a {
  font-size: 15px;
  font-weight: bold;
}


/*グローバルメニュー項目間の区切り*/
#navi .navi-in > ul > li{
  border-right: 1px solid #eee;
}

#navi .navi-in  ul  li:last-child{
  border-right-width: 0;
}

.navi-in  ul  .menu-item-has-children  a::after{
  right: 10px;
}

/* グローバルナビ（下）に影
#navi {
 box-shadow: 0 1px 3px rgba(0,0,0,0.3); /*ライン下にシャドー
}*/

/*グローバルナビ サブメニューに影
.navi-in>ul .sub-menu {
  margin-top: 1px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  background: #fff;
}*/

/*** マウスオーバー時のアニメーション ***/
/* マウスオーバー時、背景の色を変える */
.navi-in a:hover {
  transform: translateY(1px);
  background: #f5f5f5;
}

/*記事エントリーカードの装飾*/
a.entry-card-wrap.a-wrap.border-element.cf{
	border: 1px solid white;
	padding: 15px;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
	border-radius: 10px;
}

/*記事エントリーカード　タイトル余白*/
.entry-card-title.card-title.e-card-title {
	padding: 20px;
    font-size:1.1em;
}

/*ページネーション装飾*/
.pagination-next-link {
  display: none;
}

.page-numbers {
  color: #bf2b2b;
  border: 1px solid #bf2b2b;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); /*数字部分の影*/
}

.page-numbers { /*通常時*/
  color:#bf2b2b;
  border: 1px solid #bf2b2b;
　border-radius: 50%;
}
.pagination .current { /*現在のページ*/
  background-color: #bf2b2b;
  color: #fff;
}
.page-numbers.dots { /*ドット「…」の部分*/
  opacity: 1;
  background: none;
}
.pagination a:hover { /*マウスホバー時*/
  background-color: #bf2b2b;
  color: #fff;
}

a.prev, a.next {/*矢印なし*/
  display: none;
}

/*フッター画像*/
.footer{
	background-image:url(https://k2-games.com/k2blog/wp-content/uploads/2023/06/bg-bunner_red.png);
}

.navi-footer-in a:hover { /*フッターメニューのマウスホバー時の指定*/
  color: white; /*文字色*/
  background: none; /*背景色をなしに*/
  text-decoration: underline; /*アンダーラインを追加*/
}

/*固定ページ日時表示しない*/
.post-107 .date-tags {
display: none;
}

/*見出しデザイン変更*/

.article h2 {
 border-left: 8px solid #bf2b2b;/*左線*/
  padding: .5em .7em;/*余白*/
  color: #323232;
　background:none;
  margin-bottom: 15px;
  border-top: none;
  border-bottom: none;
}

.article h3 {
  border:none;
  background:none;
  padding: 0;
}

/*プロフィールBOXいらないフォローボタン削除*/
.author-box .feedly-button, .author-box .rss-button {
    display: none!important;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要があれば下記に記載する*/
}
/*834px以下*/
@media screen and (max-width: 834px){
/*必要があれば下記に記載する*/
}
/*480px以下*/
/*スマホのみ検索とTwitter非表示*/
@media screen and (max-width: 480px){
	#search-3, #custom_html-2{
		display: none;
	}
}