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

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

/*elementorフォントを解除して、システムフォントへ変更*/
html body,
html body.elementor-default,
html body .elementor,
html body .elementor-widget,
html body .elementor-widget-container,
html body .elementor-heading-title,
html body .elementor-icon-list-text,
html body .elementor-text-editor,
html body p,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body a,
html body span,
html body li,
html body button,
html body input,
html body select,
html body textarea {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
             "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/*　画像フルワイドの設定 */
  .main {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

/* ID288トップページ全画面背景の設定 */
body.page-id-288 {
  background-color: #0a0a0a;
  background-size: auto; /* 必要に応じて変更可能 */
  background-position: top left; /* または center */
  background-attachment: scroll; /* ← スクロールに追従 */
  background-repeat: repeat; /* ← 繰り返し表示 */
}

/* ID2193トップページ2案目全画面背景の設定 */
body.page-id-2193 {
  background-color: white;
  background-size: auto; /* 必要に応じて変更可能 */
  background-position: top left; /* または center */
  background-attachment: scroll; /* ← スクロールに追従 */
  background-repeat: repeat; /* ← 繰り返し表示 */
}

/* ID496(私達の働き方)全画面背景の設定 */
body.page-id-496 {
  background-image: url('https://leamep.com/wp-content/uploads/2025/04/250420_黒板.jpg');
  background-size: cover;
  background-position: top left; /* または center */
  background-attachment: scroll; /* ← スクロールに追従 */
  background-repeat: repeat; /* ← 繰り返し表示 */
}


/* モバイル表示のハンバーガーメニューのフォント変更 */
@media screen and (max-width: 1023px) {
    /* メニューリンク全体 */
    #navi-menu-content .menu-drawer > li > a,
    #navi-menu-content .menu-drawer .sub-menu a {
		font-size: medium;
		font-family: "sans-serif", sans-serif !important;
		font-weight: 300 !important;
        color: black !important; /* 必要に応じて色を変更 */
    }

    /* メニューアイコンとテキストの間隔調整 */
    #navi-menu-content .menu-drawer > li > a i {
        margin-right: 5px; /* お好みで */
    }
}

/* 1023px 以下の画面幅でロゴを非表示 */
@media screen and (max-width: 1023px) {
    .site-logo-image.header-site-logo-image {
        display: none !important;
    }
}

/*　ヘッダーやフッターを透明にする。 */
.header-container, .main, .sidebar, .footer, .navi, .navi-in > ul, .navi-in > ul li, .navi-in > ul .sub-menu, .mobile-menu-buttons{
  background-color: transparent !important;
}


/*　ヘッダー(文字部分)の高さ調整 */
#navi {
  padding-top: 15px !important;
}

/*　ヘッダーを非表示にする。 */
.page-id-2193 #navi,
.page-id-2193 .logo,
.page-id-2193 .logo-header,
.page-id-2193 .logo-image {
  display: none;
}


/*　ヘッダーやフッターを透明にする。(ホバー時) */
.navi-in > ul li:hover, .navi-in a:hover {
  background-color: transparent !important;
}

/*　フッターを透明にする。(ホバー時) */
.menu-item-type-custom a:hover, .menu-item-object-custom a:hover, .menu-item-574 a:hover, .menu-footer a:hover {
  background-color: transparent !important;
}

/* ヘッダーが背景画像の全面に出るように設定*/
.header-container-in.hlt-top-menu .wrap {
	position: relative; /* または fixed/sticky など */
	z-index:100000;
}



/* モバイルだけ適用 */
@media screen and (max-width: 1023px) {

  /* ヘッダー全体のフェードイン */
 body.page-id-2193 .mobile-header-menu-buttons {
    opacity: 0; /* 初期は透明 */
    animation: fadeIn 5s ease forwards;
    animation-delay: 5.6s; /* 遅延時間 */
  }

  /* ロゴボタン */
 body.page-id-2193 .logo-menu-button {
    opacity: 0;
    animation: fadeIn 5s ease forwards;
    animation-delay: 5.6s; /* 遅延時間 */
  }

  /* ハンバーガーメニュー */
 body.page-id-2193 #navi-menu-open {
    opacity: 0;
    animation: fadeIn 5s ease forwards;
    animation-delay: 5.6s; /* 遅延時間 */
  }

  /* フェードインアニメーション定義 */
  @keyframes fadeIn {
    to {
      opacity: 1;
    }
  }
}

/* モバイル用（1023px以下） */
@media screen and (max-width:1023px) {
    /* ヘッダー全体の高さを調整 */
    .mobile-header-menu-buttons {
        padding-top: 5px;  /* 上の余白を少なくする */
        padding-bottom: 5px; /* 下の余白を少なくする */
    }

    /* ロゴのサイズを調整 */
    .mobile-header-menu-buttons .logo-menu-button img {
        height: 50px;  /* 必要に応じて調整 */
        width: auto;   /* 縦横比を維持 */
    }

    /* メニューボタンの高さを調整 */
    .mobile-header-menu-buttons .navi-menu-button .menu-button-in {
        line-height: 1.2; /* 必要に応じて調整 */
        padding: 10px 10px;
    }
}



/*　モバイルのハンバーガーメニューのバツ印 */
.navi-menu-close-button .fa-times {
  font-size: 16px; /* デフォルトより小さく */
}

/* サブメニューを持つ親メニューのリンクを無効化 */
.menu-drawer > .menu-item-has-children > a {
    pointer-events: none; /* クリック無効 */
    cursor: default;      /* マウスカーソルを通常に */
    color: inherit;       /* 色もリンク色から通常色に */
    text-decoration: none; /* 下線も消す */
}


/*　モバイルのハンバーガーメニューのfontawesomeの色*/
.page-id-288 .navi-menu-button, .page-id-288 .menu-button, .page-id-496 .navi-menu-button, .page-id-496 .menu-button{
	color:white ;
}

/*　モバイルのハンバーガーメニューを右から出す*/
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

/* H4 キャッチコピー用*/
.entry-content .toppage-anime h4 {
  border: none;
  background: none;
  padding: 0;
  font-size: xx-large;
  font-family: "sans-serif", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em;
}

/*　キャッチコピー */
.Catchphrase1 {
	font-size: 100px !important;
	color: black !important;
	text-shadow: none;
	border:none !important;
  /*  2px 2px 4px rgba(0, 0, 0, 0.5),   輪郭のシャドウ（横、縦、ぼかしの大きさ、色） 
    -2px -2px 4px rgba(0, 0, 0, 0.5), 
    2px -2px 4px rgba(0, 0, 0, 0.5),
    -2px 2px 4px rgba(0, 0, 0, 0.5); */
}


.Catchphrase2 {
	font-size: large;
	color: white !important;
	text-shadow: 
    2px 2px 4px rgba(0, 0, 0, 0.5),  /* 輪郭のシャドウ（横、縦、ぼかしの大きさ、色） */
    -2px -2px 4px rgba(0, 0, 0, 0.5), 
    2px -2px 4px rgba(0, 0, 0, 0.5),
    -2px 2px 4px rgba(0, 0, 0, 0.5); 
}

/* モバイルヘッダーの文字を消す */
.menu-caption {
    visibility: hidden; 
}

/* モバイルヘッダーの星マークを消す */
.fa-star {
    visibility: hidden;	
}

/* モバイルヘッダーの縁の影を消す */
.mobile-header-menu-buttons {
  box-shadow: none !important;
}

/* ヘッダーロゴにホバーされたときに薄くする */
.logo-header img:hover {
  opacity: 50%;
}

/* ヘッダーの文字*/
.item-label {
  font-size: small !important;
  font-family: "sans-serif", sans-serif !important;
  font-weight: 300 !important;
  color: black;
}


.page-id-288 .item-label, .page-id-496 .item-label {
  font-size: small !important;	
  color:white;
}
.item-label:hover {
  color: #3A5F31 !important; /* ホバー時の色 */
}

/* フッターの文字*/
.navi-footer-in, .navi-footer-in a {
  color:black !important;	
  font-size: small;
  font-family: "sans-serif", sans-serif !important;
  font-weight: 300 !important;

}
.navi-footer-in a:hover {
  background-color:transparent;	
  color: #1fbf31 !important; /* ホバー時の色 */
}


/* トップページ中段のメニュー部分の背景画像アニメーション*/
#top-president {
  position: relative;
  overflow: hidden;
}

#top-president::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://leclass.co.jp/wp-content/uploads/2025/11/10-1.jpg"); /* ←背景画像 */
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.8s ease; /* ← トランジション設定 */
  z-index: 0;
}

/* カード全体 */
.card-link {
  background: #ffffff; 
  border: 1px solid #eaeaea;
  border-radius: 12px;
  padding: 32px 28px;
  text-align: left;
  transition: all 0.25s ease;
  display: block;
  text-decoration: none;
  color: #222; /* 文字色 */
}

/* 説明テキスト */
.card-link .text{
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 14px;
  opacity: 0.8;
}

/* VIEW MORE などのリンク風テキスト */
.card-link .more {
  font-size: 0.9rem;
  font-weight: 600;
  color: #3a7f6a; /* 文字色 */
  text-shadow:
	 -2px -2px 0 #fff,
	  0px -2px 0 #fff,
	  2px -2px 0 #fff,
	 -2px  0px 0 #fff,
	  2px  0px 0 #fff,
	 -2px  2px 0 #fff,
	  0px  2px 0 #fff,
	  2px  2px 0 #fff;
}

/* ホバー時：影を少しだけ、上質感のある動き */
.card-link:hover {
  transform: translateY(-4px);
  border-color: #dcdcdc;
  box-shadow: 0px 6px 18px rgba(0,0,0,0.06);
}

/* 横並び調整（Elementor で columns gap を狭めると綺麗） */
@media (min-width: 768px) {
  .card-link {
    height: 100%;
  }
}

/* 新着カードの画像非表示 */
.elementor-widget-container .new-entry-card-thumb,
.elementor-widget-container .new-entry-card-thumb img {
    display: none !important;
}

/* 日付を表示（display-noneを解除）
.elementor-widget-container .new-entry-card-date.display-none {
    display: block !important;
} */

/* タイトルを最初から表示 */
.elementor-widget-container .new-entry-card-title {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* サムネイルを消した後にタイトルを左詰め */
.elementor-widget-container .new-entry-card-content {
    display: block !important; /* 横並びから縦並びに変更 */
    margin-left: 0 !important; /* 空いたスペースを削除 */
}

/* カード自体の余白を調整（必要に応じて） */
.elementor-widget-container .new-entry-card {
    padding-left: 0 !important;
}

/* 時計アイコンを非表示 */
.elementor-widget-container .new-entry-card-post-date .far.fa-clock {
    display: none !important;
}



.elementor-widget-container .new-entry-card-update-date {
    display: none !important;
}

.breadcrumb-home {
    display: none !important;
}

#top-president:hover::before {
  opacity: 1;
}

#top-president > * {
  position: relative;
  z-index: 1;
}

#top-president {
  position: relative;
  overflow: hidden;
}

/* 通常時：白い内側枠線 */
#top-president::after {
  content: "";
  position: absolute;
  inset: 6px;                /* ← 内側オフセット量（pxで調整） */
  border: 2pt solid #3A5F31;    /* 白い2pt線 */
  border-radius: 2px;
  box-sizing: border-box;
  pointer-events: none;
  opacity: 0.8;                /* 通常時は表示 */
  transition: opacity 0.4s ease; /* フェード用トランジション */
}

/* ホバー時に枠線が消える */
#top-president:hover::after {
  opacity: 0;
}

#top-office {
  position: relative;
  overflow: hidden;
}

#top-office::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://leclass.co.jp/wp-content/uploads/2025/11/08.jpg"); /* ←背景画像 */
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.8s ease; /* ← トランジション設定 */
  z-index: 0;
}

#top-office:hover::before {
  opacity: 1;
}

#top-office > * {
  position: relative;
  z-index: 1;
}

/* 通常時：白い内側枠線 */
#top-office::after {
  content: "";
  position: absolute;
  inset: 6px;                /* ← 内側オフセット量（pxで調整） */
  border: 2pt solid #fff;    /* 白い2pt線 */
  box-sizing: border-box;
  pointer-events: none;
  opacity: 1;                /* 通常時は表示 */
  transition: opacity 0.4s ease; /* フェード用トランジション */
}

/* ホバー時に枠線が消える */
#top-office:hover::after {
  opacity: 0;
}

#top-company {
  position: relative;
  overflow: hidden;
}

#top-company::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://leclass.co.jp/wp-content/uploads/2025/11/08.jpg"); /* ←背景画像 */
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.8s ease; /* ← トランジション設定 */
  z-index: 0;
}

#top-company:hover::before {
  opacity: 1;
}

#top-company > * {
  position: relative;
  z-index: 1;
}

/* 通常時：白い内側枠線 */
#top-company::after {
  content: "";
  position: absolute;
  inset: 6px;                /* ← 内側オフセット量（pxで調整） */
  border: 2pt solid #3A5F31;    /* 白い2pt線 */
  border-radius: 2px;
  box-sizing: border-box;
  pointer-events: none;
  opacity: 0.8;                /* 通常時は表示 */
  transition: opacity 0.4s ease; /* フェード用トランジション */
}

/* ホバー時に枠線が消える */
#top-company:hover::after {
  opacity: 0;
}



/* 新着記事2段書きの設定1*/
.two-column-list .new-entry-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: left; /* ← 中央寄せにする！！ */
}

/* 新着記事2段書きの設定2*/
.new-entry-card-title {
    display: none !important;
}

/* 新着記事2段書きの設定3*/
a .new-entry-card-title {
    display: none !important;
}

/* 新着記事2段書きの設定4*/
.two-column-list .new-entry-card {
  flex: 0 0 calc(50% - 10px);
  max-width: calc(50% - 10px);
  box-sizing: border-box;
}

/* 新着記事2段書きの設定5*/
.two-column-list .new-entry-card:nth-last-child(1):nth-child(odd) {
  flex: 0 0 100%; /* ← 最後が奇数なら幅100%にして中央に見せる */
  margin-right: auto; /* 最後の記事を左寄せにする */
  max-width: 500px; /* 好みの幅にする！ */
}

/* 新着記事2段書きの設定6*/
@media (max-width: 768px) {
  .two-column-list .new-entry-card {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* 会社概要ページの見出しデザイン */
.company {
  position: relative;
  font-size: x-large !important;
  font-weight: bold !important;
  color: #3A5F31 !important;
  padding-bottom: 5px;
}

/* 下に薄い緑の線（固定） */
.company::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #68b7a1; /* 薄い緑 */
  z-index: 1;
  animation: grow-light-green 5s ease-out forwards;

}

/* 見出しデザインその2 */
.label{
  position: relative;
  display: inline-block;
  padding-left: 40px; /* 四角と文字の間の余白 */
  font-size: x-large !important;
  font-weight: normal !important;
  color: #3A5F31 !important;
}

/*見出しデザインその2 左の四角 */
.label::before{
  content: "";
  position: absolute;
  left: 0;
  top: 10px; /* ← 少し下にずらす（オフセット） */
  width: 30px;
  height: 40px;
  background-color: #3A5F31; /* ← 四角の色を指定 */
  border-radius: 0px;
  opacity: 0.8;
}

/* 見出しデザインその2 下線 */
.label::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px; /* ← 線を右にずらす位置調整 */
  width: 90%; /* ← 線の長さ */
  height: 0.5px;
  background-color: #68b7a1;
}

/* 見出しデザインその3 */
.label2, .card-link .title {
  position: relative;
  display: inline-block;
  padding-left: 40px; /* 四角と文字の間の余白 */
  font-size: large !important;
  font-weight: normal !important;
  color: #3A5F31 !important;
}

/*見出しデザインその3 左の四角 */
.label2::before, .card-link .title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px; /* ← 少し下にずらす（オフセット） */
  width: 20px;
  height: 30px;
  background-color: #68b7a1; /* ← 四角の色を指定 */
  border: none; /* ← 枠線を緑に */
  border-radius: 0px;
  opacity: 0.8;
}

/* 見出しデザインその3 下線 */
.label2::after, .card-link .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px; /* ← 線を右にずらす位置調整 */
  width: 90%; /* ← 線の長さ */
  height: 0.5px;
  background-color: #68b7a1;
}


/* 投稿記事一覧のタイトル(アーカイブ部分) */
#archive-title{
  position: relative;
  display: inline-block;
  padding-left: 40px; /* 四角と文字の間の余白 */
  font-size: x-large !important;
  font-weight: normal !important;
  color: #3A5F31 !important;
}
#archive-title::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0px; /* ← 少し下にずらす（オフセット） */
  width: 30px;
  height: 40px;
  background-color: #3A5F31; /* ← 四角の色を指定 */
  border-radius: 0px;
  opacity: 0.8;
}
#archive-title::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px; /* ← 線を右にずらす位置調整 */
  width: 100%; /* ← 線の長さ */
  height: 0.5px;
  background-color: #68b7a1;
}

/* 投稿記事一覧のタイトルアイコン削除(アーカイブ部分) */
#archive-title .fas.fa-calendar-alt,#archive-title .fas.fa-folder-open {
  display: none;
}

/* サイドバー用見出しデザインその2 */
#sidebar .wp-block-heading{
  position: relative;
  display: inline-block;
  padding-left: 40px; /* 四角と文字の間の余白 */
  padding-bottom:0;
  font-size: large !important;
  font-weight: normal !important;
  color: #3A5F31 !important;
  background-color:transparent;
}

/*サイドバー用見出しデザインその2 左の四角 */
#sidebar .wp-block-heading::before{
  content: "";
  position: absolute;
  left: 0;
  top: 20px; /* ← 少し下にずらす（オフセット） */
  width: 20px;
  height: 30px;
  background-color: #68b7a1; /* ← 四角の色を指定 */
  border: none; /* ← 枠線を緑に */
  border-radius: 0px;
  opacity: 0.8;
}

/* サイドバー用見出しデザインその2 下線 */
#sidebar .wp-block-heading::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px; /* ← 線を右にずらす位置調整 */
  width: 100%; /* ← 線の長さ */
  height: 0.5px;
  background-color: #68b7a1;
}

/* サイドバー内のウィジェット文字 */
#sidebar .widget a {
  font-size: 15px;      /* サイズ */
  color: black;       /* 文字色 */
  font-weight: 300;     /* 太さ */
  font-family: "sans-serif", sans-serif; /* フォント */
  font-size: small;
}






/* 上に重ねる濃い緑の線（アニメーションで伸びる） */
.company::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background-color: #3A5F31; /* 濃い緑 */
  z-index: 2;
  animation: grow-green 1s ease-out forwards;
}

/* アニメーション定義 */
@keyframes grow-green {
  from {
    width: 0;
  }
  to {
    width: 20%;
  }
}
/* アニメーション定義 */
@keyframes grow-light-green {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}




/*私達の働き方ページ_文章*/
.abw {
  color: white !important;
  font-weight: bold !important;
}
.abw-title {
  color: white !important;
  font-size:x-large;
  font-weight: bold !important;
}
.abw-table {
  color: white !important;
  font-weight: bold !important;
}
/*私達の働き方ページ_名刺グラフ*/
.bar-graph-wrapB {
  position: relative;
  height: 150px;
  overflow: hidden;
}
.bar-graph-wrapB .graph {
  height: 50px;
  position: absolute;
  left: 0;
  border-radius: 0 4px 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  -webkit-animation: graphAnim 1s forwards;
          animation: graphAnim 1s forwards;
}
.bar-graph-wrapB .graph span {
  font-size: 14px;
  color: #ffffff;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .bar-graph-wrapB .graph span {
    font-size: 12px;
  }
}
.bar-graph-wrapB .graph.red {
  top: 0;
  background: #ff3051;
  width: 100%;
} 
.bar-graph-wrapB .graph.blue {
  top: 60px;
  background: #03a9f4;
  width: 27.59%;
}


/*私達の働き方ページ_通勤グラフ*/
.bar-graph-wrapA {
  position: relative;
  height: 150px;
  overflow: hidden;
}
.bar-graph-wrapA .graph {
  height: 50px;
  position: absolute;
  left: 0;
  border-radius: 0 4px 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  -webkit-animation: graphAnim 1s forwards;
          animation: graphAnim 1s forwards;
}
.bar-graph-wrapA .graph span {
  font-size: 14px;
  color: #ffffff;
  white-space: nowrap;

}
@media screen and (max-width: 750px) {
  .bar-graph-wrapA .graph span {
    font-size: 12px;
  }
}
.bar-graph-wrapA .graph.red {
  top: 0;
  background: #ff3051;
  width: 100%;
} 
.bar-graph-wrapA .graph.blue {
  top: 60px;
  background: #03a9f4;
  width: 30.43%;
}
@-webkit-keyframes graphAnim {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes graphAnim {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}


/*会社概要ページの表デザイン*/
.company-table table {
  width: 100%;
  border-collapse: collapse;
}

.company-table th {
  background-color: white;
  border: none;
  border-bottom: 1px solid #ccc;
  padding-top: 50px;
  padding-bottom: 50px;

}

.company-table td {
  background-color: white;
  border: none;
  border-bottom: 1px solid #ccc;
  padding-top: 50px;
  padding-bottom: 50px;
}


/*役員紹介ページの表デザイン*/
.company-executive-table {
  width: 100%;
  border-collapse: collapse;
}

.company-executive-table th {
  background-color: white;
  border: none;
  border-bottom: 1px solid #ccc;
}

.company-executive-table td {
  background-color: white;
  border: none;
  border-bottom: 1px solid #ccc;
}

/*アクセスページの見出しデザイン*/
.access {
	color: white !important;
	font-weight: bold !important;
	font-size: x-large !important;
}

/*アクセスページの表デザイン*/
.company-access-table {
  width: 100%;
  padding: 0.5em 1em;
    margin: 1em 0;
    background: #f4f4f4;
    border-left: solid 6px #5bb7ae;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

.company-access-table tr, .company-access-table th, .company-access-table td, .table tr:nth-of-type(2n+1) {
  background-color: transparent !important;
  border: none;
}

/*ZEBの表デザイン*/
.zeb-table table {
  width: 100%;
  border-collapse: collapse;
}

.zeb-table th.zeb-th-1 {
  background-color: #196b24;
  color:white;
  border: none;
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
}

.zeb-table th.zeb-th-2 {
  background-color: #47d45a;
  color:white;
  border: none;
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
}

.zeb-table td {
  background-color: white;
  border: none;
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
}





/*ContactForm7カスタマイズここから*/
table.CF7_table{
	width:80%;
	margin:0 auto;
	border: none;
}


.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

table.CF7_table th {
  background-color: white;
  border: none;
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align:left;
  font-family: "sans-serif", sans-serif;
  font-weight: 300;

}

table.CF7_table td {
  background-color: white;
  border: none;
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
	font-family: "sans-serif", sans-serif;
	font-weight: 300;

}

.CF7_table ::placeholder {
	color:#797979;
	font-family: "sans-serif", sans-serif;
	font-weight: 300;
}

/*「必須」文字*/
.CF7_req{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 7px;
	background: #3A5F31;
	color: white;
	border-radius: 3px;
	margin-right:1em;
	font-size:.9em;
	font-family: "sans-serif", sans-serif;
	font-weight: 700;
}

/*「任意」文字*/
.CF7_unreq{
	padding: 5px;
	background: #68b7a1;
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
	font-size:.9em;
	font-family: "sans-serif", sans-serif;
	font-weight: 700;

}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:30%;/*横幅*/
	background-color:#ebedf5;/*ブルーグレー*/
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:95%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}
	.CF7_table th{
	background-color:#ebedf5;
	}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#3A5F31;
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
	width:80%;
	opacity:0.8;
}

.CF7_btn{
	text-align:center;
	margin-top:20px;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}
/*ContactForm7カスタマイズここまで*/

/*ログイン画面のロゴを変更*/
/*(参考)function.phpにも変更を加えています。*/
/*password protectedのロゴについては、ftpサーバー内プラグイン内テーマ内のpassword-protected-login.phpの89行目付近を直接編集しています。*/
.login h1 a {
  background-image: url('https://leclass.co.jp/wp-content/uploads/2025/09/アセット-5.png') !important;
  background-size: contain !important;
  width: 180px !important;
  height: 180px !important;
  display: block !important;
  text-indent: -9999px !important;
}

/*re-captchaのロゴを非表示にする*/
.grecaptcha-badge { visibility: hidden; }


/*タイルに日付を表示する*/
.widget-entry-card * {
	display: block !important;
}
/*タイルの日付を右側に表示*/
.display-none {
	text-align:right;
}

/*PDFボタンのデザイン*/
.button-pdf {
    display: flex;
	color: #e32400 !important;
	font-weight: bold !important;
    justify-content: center;
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding: .9em 2em;
    border: none;
    border-bottom: 2px solid #e6edf3;
    background-color: transparent;
    font-size: 1em;
	align-items: center !important;   /* 垂直方向の中央揃え */
    text-align: center !important;    　/* テキストの中央揃え（念のため） */
}

.button-pdf a {
	color: #e32400 !important;
	display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
}

/* 下に薄い緑の線（固定） */
.button-pdf::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #4aed5c; /* 薄い緑 */
  z-index: 1;
}

.button-pdf::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    transform: scaleX(0);
    transform-origin: center left;
    width: 100%;
    height: 2px;
    background-color: #e32400;
    content: '';
    transition: transform .3s ease;
}

.button-pdf:hover::after {
    transform: scaleX(1);
}


/* コピーライトのデザイン*/
.copyright {
	font-family: "sans-serif", sans-serif !important;
    font-weight: 300 !important;
}

/* 投稿リストのサムネイルを非表示 */
.entry-card-thumb {
  display: none !important;
}
/* 投稿リストのタイトル部分を横いっぱいに広げる */
.entry-card-content {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
/* 投稿リスト記事一覧のタイトルフォント変更 */
.entry-card-title {
  font-size: medium !important;
  font-family: "sans-serif", sans-serif !important;
  font-weight: 300 !important;
}

/* 投稿記事内のフッターを非表示 */
.article-footer.entry-footer {
    display: none;
}
.breadcrumb-item a[href="https://leclass.co.jp/archives/category/new"] {
    display: none;
}
/* アイコンも一緒に消したい場合 */
.breadcrumb-item a[href="https://leclass.co.jp/archives/category/new"]::before,
.breadcrumb-item a[href="https://leclass.co.jp/archives/category/new"] .fas {
    display: none;
}

/* 投稿ページ内の次の記事を非表示 */
.pager-post-navi {
display:none;
}

/* 投稿ページ内の次の記事を非表示 */
.under-entry-content, .breadcrumb-item {
display:none;	
}

.fas.fa-folder,
.fas.fa-folder::before,
.fa-folder-open,
.fa-folder-open::before,
.fas.fa-angle-right,
.fas.fa-angle-right::before{
  display: none !important;
  content: "" !important;
}





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

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

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