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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* card */
.home .main,
.archive .main {
	background-color: #e7f2ff;
}
.carousel-in {
	background-color: #e7f2ff;
	padding: 2px 0;
}
.carousel-entry-card-wrap {
	background-color: #fff;
	border-radius: 10px;
}
.carousel-in .card-thumb img {
	border-radius: 10px 10px 0 0;
}
.carousel .a-wrap {
	padding: 0;
}
.carousel-entry-card-thumb .cat-label {
	top: 7.5em;
	left: 0.5em;
}
.carousel-entry-card-title {
	padding:0 10px;
}
.carousel-entry-card-thumb {
	margin-top:0;
}
.index-tab-buttons .index-tab-button {
	background: none #3c6ca8;
  border: 1px solid #3c6ca8;
}
.index-tab-buttons .index-tab-button{
	color:#fff;
}
#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: none #fff;
	border: 1px solid #404453;
	color: #000;
	font-weight: 500;
}
.ect-3-columns a{
	background-color: #fff;
  border-radius: 30px; 
}
.ect-3-columns a .card-thumb img{
  border-radius: 30px 30px 0 0; 
}
.ect-3-columns .entry-card-wrap {
	padding: 0;
}
.ect-vertical-card .entry-card-wrap .entry-card-content {
	padding: 5px 20px 30px;
}
.ect-vertical-card .entry-card-wrap .post-date {
	margin: 0 20px 10px 0;
}

/* 1. アイキャッチ画像の親枠を配置の基準点にする */
.entry-card-wrap,
.ect-vertical-card-3,
.entry-card-thumb {
  position: relative;
}

/* 2. カテゴリラベルを画像の左下に配置 */
.ect-vertical-card-3 .cat-label {
  position: absolute;
  top: auto;            /* 上からの指定をリセット */
  bottom: 0.5em;        /* 画像（またはカード下部）から少し浮かせた位置 */
  left: 0.5em;          /* 左端から少し浮かせた位置 */
  z-index: 2;           /* 画像の下に隠れないように前面へ */
}

/* カルーセル（上部スライダー）の枠を基準点にする */
.carousel-entry-card-thumb,
.carousel-entry-card-link {
  position: relative !important;
}

/* ラベルの位置を画像内の左下に固定する */
.carousel-entry-card-thumb .cat-label {
  position: absolute !important;
  top: auto !important;     /* top固定を解除 */
  bottom: 0.4em !important; /* 画像の下端から少し浮かせる */
  left: 0.4em !important;   /* 左端から少し浮かせる */
  margin: 0 !important;
}
/* pc */
@media screen and (min-width: 980px) {
.ect-vertical-card-3 {
	gap:30px;
}

.ect-3-columns .entry-card-wrap {
	width: 31%;
}
}

/* pagenation */
.pagination-next-link {
  background-color: #3c6ca8;
  color: #fff;
  border: none;
  border-radius: 30px;
}
.pagination-next-link:hover {
  background-color: #3c6ca8;
  transition: all 0.5s ease;
  color: #fff;
}

.page-numbers {
  color: #3c6ca8;
  border: 1px solid #3c6ca8;
  border-radius: 50%;
}
.pagination .current {
  background-color: #3c6ca8;
  color: #fff;
}
.page-numbers.dots {
  opacity: 1;
  background: none;
}
.pagination a:hover {
  background-color: #3c6ca8;
  color: #fff;
}

/* SPでおすすめカード非表示 */
@media screen and (max-width: 460px){
	#navi, .recommended {
	display: none;
	}
.index-tab-buttons {
	margin-top: 0;
	}
}

/* ボックスナビ色調整 */
#box_menu-2 .fa-home:before,
#box_menu-2 .fa-shield-alt:before,
#box_menu-2 .fa-wordpress:before,
#box_menu-2 .fa-tools:before,
#box_menu-2 .fa-palette:before,
#box_menu-2 .fa-server:before  {
	color :#3c6ca8;
}

/* SPヘッダー メニュー・検索アイコン */
.mobile-menu-buttons{
	height:50px;
	box-shadow: none;
}
.mobile-menu-buttons > li {
	padding-top:0;
}
.menu-button{
	margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
	background-color:white;
}
span.fas.fa-search::before{
	color:#65b196;
	margin-left:1em;
}
	span.fas.fa-bars::before{
	color:#65b196;
	margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
	display:none;
}

/* SPスライドインメニュー */
ul.menu-drawer:before {
	display: block;
	content: "MENU";
background-color: #65b196;
	color:#FFF;
	font-size: 1.4em;
	width: 100%;
	height: 1.5em;
	text-align: center;
	padding-top: 5px;
}
span.fas.fa-times::before{
	color:#65b196;
	font-size: 0.8em;
	margin-left: 15px;	
}
.menu-content .menu-drawer {
	padding: 0;
}
ul.menu-drawer:after {
	background: white;
	margin-top: 0.1em;
}
.menu-drawer li {
	padding:0;
}
.menu-drawer a {
	font-size: 1.1em;
	background-color: #3c6ca8;
	color: #fff;
	margin: 0.1em 0;
	padding-left: 30px;
}
.menu-drawer a:hover{
	background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
	padding:0;
}
.menu-drawer .sub-menu li{
	font-size: .9em;
}
.menu-drawer .sub-menu li a::before {
	content : "\f105";
	color:#7b7b7b;
	margin:0 .5em 0 1em;
}
.menu-close-button {
	text-align: left;
}

/* 運営会社ページ用tableスタイル */
.page-id-43 .wp-block-table {
  border: none !important;
  margin-bottom: 2em;
}

.page-id-43 .wp-block-table table {
  border-collapse: collapse;
  width: 100%;
  border: none !important;
}

.page-id-43 .wp-block-table table td {
  border: none !important;
  border-bottom: 1px solid #e5e5e5 !important;
  background-color: transparent !important;
  padding: 16px 8px;
  vertical-align: top;
}

/* 左列（項目名）の幅・余白・位置調整 */
.page-id-43 .wp-block-table table td:first-child {
  width: 35%; /* 幅を広げて位置を右へ調整 */
  padding-left: 20%; /* 左側に余白を入れて項目を右寄りに配置 */
  font-weight: bold;
}

/* 右列（内容）の余白調整 */
.page-id-43 .wp-block-table table td:last-child {
  padding-left: 0;
}