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

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

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

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

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

/* 新着記事のNEW!（背景色付き） */
.new-txt {
    background-color: #f00; /* 背景色：赤 */
    color: #fff; /* 文字色：白 */
    font-size: .8em;
    padding: .1em .1em; /* 内側余白 */
    border-radius: 1px; /* 角の丸み */
    margin-right: 5px; /* 右側の余白 */
}
/*
.entry-card-title > .new-txt {
    display: none;
}*/

/*ヘッダー検索窓*/
.header-in {
  position: relative;
}

.header-in .search-box {
  position: absolute;
  top: 50%;
  right: 16px;
  margin: 0;
  width: 280px;
  transform: translateY(-50%);
}

.header-in input[type="text"] {
  padding: 8px 14px 8px 40px;
  font-size: 14px;
  background: #edf6f9;
  border: 1px solid #9fcde1;
  border-radius: 16px 16px 16px 16px / 50% 50% 50% 50%;
}

.header-in .search-submit {
  left: 3px;
  right: auto;
  color: #378cb0;
}

/*1023px以下*/
@media screen and (max-width: 1023px) {
  .header-in .search-box {
    display: none;
  }
}

/*ヘッダーメニュー追従時検索窓消す*/
.header-container-in.hlt-top-menu .header-in .search-box{
	display: none;
}

/*h2差し色*/
.article h2:after {
    border-left: 10px solid #ffc107;
}

.site-name-text{
    color: #2782ae;
}

.header-container {
    background-color: #fff;
}
.page .date-tags {
display: none;
}
/*.post .date-tags {
display: none;
}*/
/*余白ゼロ*/
.header-in {width: 100%;}
.header-in img {width: 100%;}
.logo-image span, .logo-image a {width: 100%;}
.logo-image, .logo-image a {padding: 0;}

/*ボーダーライン*/
.widget-entry-card {
	border-bottom: 1px solid;
}

/*サイドバーアイコン*/
.sidebar h2::before, .sidebar h3:before {
    background: #2782ae;
}
.sidebar h2::after, .sidebar h3:after {
    background: #ffc107;
}
.header-in img
 {
    width: 300px;
}

/*トップ下メニュー*/
.pagination-next-link,.pagination .current,:root :where(.wp-element-button, .wp-block-button__link) , .article h2{
    background-color: #2782ae;
}
.page-numbers
 {
    background-color: #d3d6db;
    border-radius: 99px;
    border: 2px solid #2782ae;
}

/* オンのタブ */
#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"],
#index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"],
#index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"],
#index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"] {
  background-color: #2782ae;
}
/*投稿メニュー背景*/
.toc-title {
background-image: none ; 
}
/*カテゴリーファビコン*/
.fa-folder-open:before{
	color : #2782ae;
}

/* モバイルトップメニュー 横スクロール*/
@media screen and (max-width: 480px){
	ul.menu-mobile{
		overflow-x: auto;
		overflow-y: hidden;
		display: flex !important;
		flex-wrap: nowrap;
		font-size: 14px;
		justify-content: flex-start;
		padding: 0 1em;
		-webkit-overflow-scrolling: touch;
		position: relative;
	}

	ul.menu-mobile > li{
		padding-right: 1em;
		white-space: nowrap;
	}
	ul.menu-mobile　.item-label{
		white-space: nowrap;
		font-size: 14px;
	}
}

/*スニペットの行数*/
.widget-entry-cards:not(.large-thumb-on) .card-snippet {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

/*ｈ４装飾*/
.article h4::before, .article h4::after {
  border: 2px solid #2782ae;
}

.article h4::after {
  border: 2px solid #ffc107;
}
/*メインコンテンツの上余白*/
.main {
  padding:18px 29px 36px 29px;
}
/*h4*/
.article h4 {
  font-size: 24px;
}
/*サイドバー上余白*/
.sidebar
 {
    padding: 0 19px 19px 19px;
}
/*トップページの著者表示*/
body.home a[href="https://parallel-connect.jp/author/parallel-connect/"],
body.home .fa-pencil:before {
    display: none;
}

/* 固定ページでのみ投稿者名と関連リンク、アイコンを非表示 */
body.page .author.vcard,
body.page a[href="https://parallel-connect.jp/author/parallel-connect/"],
body.page .fa-pencil:before {
    display: none;
}

/*snsシェアボタン背景*/
#container .sns-buttons a {
	  background-color: var(--cocoon-sns-color);
    border-color: var(--cocoon-white-color)!important;
    color: var(--cocoon-white-color);
}

/*h3デザイン*/
.article h3 {
    padding: .4em 3em;
    border: 1px solid #d3d6db;
    border-radius: 4px;
    background-image: repeating-linear-gradient(45deg, #2782ae 0%, #2782ae 7%, #ffc107 7%, #ffc107 8%, #2782ae 8%, #2782ae 9%, #d3d6db 9%, #d3d6db 91%, #2782ae 91%, #2782ae 92%, #d3d6db 92%, #d3d6db 93%, #2782ae 93%, #2782ae);
}

/*ウィジェット記事の投稿日・更新日を表示*/

.new-entry-card-date {
  display: block;
}

.front-page .new-entry-card-update-date,
.front-page .widget-entry-card-update-date,
.front-page .post-update {
    display: none !important;
}

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

/*更新日非表示*/
.post-update {
    display: none;
}