@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;
}

/*モバイルメニュー*/
.navi-menu-content {
background-color: #fffffff0;
.menu-drawer a {
font-size: 1.2em;
line-height: 1.6em;
border-bottom: solid 1px #e6e6e6;
}
.menu-drawer a:hover {
background-color:#2782ae;　/*マウスオーバー時の背景色*/
}
.sub-menu li {                                      
margin-left:-14px;
font-size: 1.2em;
color: #e6e6e6;
}
}

/************************************
** ショートコードカテゴリ一覧
************************************/
.custom-entry-card-wrap.a-wrap {
  text-decoration: none;
  display: block;
  color: #333;
  padding: 1.5%;
  margin-bottom: 3%;
  transition: all 0.3s ease-in-out;
}
.custom-entry-card-wrap h2 {
  color: #333;
  font-size: 16px;
  margin: 0 0 5px 0;
  padding: 0;
  line-height: 1.6;
  font-weight: bold;
  background: none;
  display: -webkit-box !important;
  display: box !important; /* クロスブラウザ対応 */
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 3; /* 3行に制限 */
  line-clamp: 3; /* モダンブラウザ対応 */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important; /* 改行を許可 */
}

/* モバイル用 */
@media screen and (max-width: 480px) {
  .custom-entry-card-wrap h2 {
    font-size: 16px;
    line-height: 1.3;
    display: -webkit-box !important;
    display: box !important;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
  }
}
.custom-entry-card-wrap .entry-card-content {
  margin-left: 216px;
}
.custom-entry-card-wrap .entry-card-thumb {
  width: 216px;
}
.custom-entry-card-wrap .card-thumb img {
  display: block;
  width: 216px;
  height: 14vw;
  max-height: 140px;
  object-fit: cover;
}

.pagination.cumstom_pagination .border-partition a,
.pagination-next.cumstom_pagination .border-partition a,
.pagination-next.cumstom_pagination .border-partition a:first-of-type {
  border-top: solid;
  border-left: solid;
  border-right: solid;
  border-bottom: solid;
}

@media screen and (max-width: 480px) {
  .custom-entry-card-wrap h2 {
    font-size: 16px;
    line-height: 1.3;
  }
  .custom-entry-card-wrap .entry-card-content {
    margin-left: 38%;
  }
  .custom-entry-card-wrap .entry-card-thumb {
    width: 38%;
  }
  .custom-entry-card-wrap .card-thumb img {
    width: 100%;
    height: 18vw;
    max-height: 180px;
  }
}
.article h2{
	border: none;
}

.widget-entry-cards:not(.large-thumb-on) .card-title {
  -webkit-line-clamp: 3;
}
.entry-category {
  display: none;
}

/* サムネイルを正方形に */
.entry-card-thumb {
    position: relative;
    width: 150px !important;
    height: 150px !important;
    overflow: hidden;
    aspect-ratio: 1/1; /* 正方形を保証 */
}
.entry-card-thumb img.thumbnail-square {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* 画像をトリミングして正方形に */
    object-position: center !important; /* 中央を基準にトリミング */
    display: block;
}
.cat-label {
    position: absolute;
    top: 6px;
    left: 3px;
    z-index: 10; /* カテゴリーラベルを画像の上に */
    background-color: #ff4d4d;
    color: #fff;
    padding: 2px 8px;
    border-radius: 3px;
}
.widget-entry-cards .entry-card-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.border-partition .a-wrap {
	border-bottom: 1px solid;
}
.a-wrap:not(.prev-post, .next-post, .prev-next-home) {
  border-radius: 0px;
}
.custom-entry-card-wrap.a-wrap {
  margin-bottom: 0%;
}
.border-partition .a-wrap:first-of-type {
  border-top: 0px dotted var(--cocoon-x-thin-color);
}
.custom-entry-card-wrap .entry-card-content
 {
    margin-left: 165px;
}
/*ボタンデザイン*/
.btn, .ranking-item-link-buttons a, .btn-wrap > a, .wp-block-freeform .btn-wrap > a, [class*="inline-button-"]{
    font-size: 1.2em;
	font-weight: normal;
}
input[type="submit"] {
  background: #2782AE;
}
/*メルマガ登録*/

/* フォロー登録ボタンのカスタマイズ */
#subscribe-submit button {
  border-radius: 4px;
  padding: 8px;
  margin: 9px; margin-left: 0px;
  font-size: 18px;
  width: 19%;
}