@charset "UTF-8";

.conTOP {
	background-color: linear-gradient(90deg, #f0bc68 0%, #f0bc68 50%, #c4d7d1 50%, #c4d7d1 100%);
}

.otherPhoto {
  background-image: url(https://frogeye.jp/seismic06/img/ttl_consulting_test.png);

}

.conTOP a,
.conTOP a:hover,
.conTOP a:visited {
	text-decoration: none!important;
}

.article  a,
.article  a:visited {
	text-decoration: none!important;
}

.article  a {
	color: #0033ff;
}
.article  a:hover {
	color: #0033ff;
	text-decoration: underline;
}
.article  a:visited {
	color: #6900cb;
}



/*===========
子テーマに書いた　ここでは効かなかったので
見出しボールドを300に変更
===========*/
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
	line-height: 1.5;
	font-weight: 300!important;
}
/*===========
子テーマに書いた　ここまで
===========*/

.article .entry-title,
.article .archive-title {
font-size: 1.4rem;
text-align: left;
border-left: 0.5rem solid #ccc;
padding: 0.5rem 0.2rem 0.5rem 0.5rem;
margin: 1rem auto 1rem 0;
}

@media (max-width: 375px) {
	.article .entry-title,
	.article .archive-title {
		font-size: 1.35rem;
	}
}




ol, ul {
    padding-left: 0!important;
}


#list .related-entry-card-snippet,
#list .entry-card-snippet {
	display: none;
}

.related-entry-card-title, .entry-card-title {
    font-size: 16px;
		line-height: 1.5;
}

@media screen and (max-width: 767px) {

		.entry-card-title, .related-entry-card-title {
				font-size: 14px;
				line-height: 1.5;
		}
}

.main p{
  line-height: 1.7;
}


@media screen and (max-width: 375px) {
.main p{
    letter-spacing: -0.015rem;
}
}

.main {
    padding: 0!important;
    margin: 0;
}

@media screen and (max-width: 1023px) {
.main {
    padding: 0 1rem!important;
    margin: 0;
}
}
/* 49%から改変 */
@media screen and (max-width: 834px) {
    .ect-vertical-card .entry-card-wrap {
        width: 49.7%;
    }
}

.ect-vertical-card .entry-card-wrap {
	margin-bottom: 1rem!important;
}



/* 日付設定 */
.post-date,
.post-update {
 color: #646464;
 font-size: 0.75rem;
 letter-spacing: 0.07em;
}
.date-tags {
    line-height: .8;
		font-size: 14px!important;
    position: relative;
    display: flex;
    flex-direction: row;  /* 左揃えにする */
}

/* アイキャッチ画像の高さ揃える */
.entry-card-thumb.card-thumb{
  position: relative;
  padding-top: 56.25%; /*16:9の比率*/
  margin-bottom:8px;
}

.entry-card-thumb.card-thumb img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/* アイキャッチ画像の高さ揃える　ここまで */

/*関連記事カード同士の間隔を調整するカスタマイズ*/
/*ここから*/
.main .rect-entry-card .a-wrap {
	margin-bottom: 2%;
}

.main .rect-mini-card .a-wrap {
	margin-bottom: 1.6%;
	width: 49.2%;
}

.main .rect-vartical-card-3 .a-wrap {
	margin-bottom: 1.5%;
	width: 32%;
}

.main .rect-vartical-card-4 .a-wrap {
	margin-bottom: 1.2%;
	width: 23.8%;
}

@media screen and (max-width: 834px) {
	.main .rect-vartical-card .a-wrap {
		margin-bottom: 2.2%;
		width: 48%;
	}
}

@media screen and (max-width: 480px) {
	.main .rect-mini-card .a-wrap {
		margin-bottom: 2%;
		width: 100%;
	}
}
/*ここまで*/


/* 更新日付を左揃えにする */

/* 更新日付を左揃えにする　ここまで */

/* 記事タイトルとアイキャッチ画像の順番を入れ替える https://aru-uraniwa.com/cocoon-eyecatch-customize/　*/
.entry-header {
    display: flex;
    flex-direction: column;
}
.entry-header .eye-catch-wrap {
    order: -1;
}
/* 記事タイトルとアイキャッチ画像の順番を入れ替える　ここまで */

/* 投稿タイトルの長い文字列を3点リーダー(…)で省略する　https://shungoblog.com/cocoon-dot-leader/ */
/* 投稿一覧 タイトル */
.entry-card-content h2 {
  /* 三点リーダー対応 */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* 投稿タイトルの長い文字列を3点リーダー(…)で省略する　ここまで */

/* 投稿の横移動を非表示 */
.under-entry-content {
	display: none;
}



/* table設定 https://urakata.me/blog/fixed-header-with-horizontal-scrolling-of-table/#google_vignette */
.table-scroll {
  overflow-x: auto;
  padding-bottom: 1rem;
}

.table-scroll table {
  width: 100%;
  min-width: 600px;
  table-layout: fixed;
  margin-bottom: 1px;
  border-collapse: collapse;
}

.table-scroll th {
	width: 20%;
	padding: 1rem;
  border: 1px #ccc solid;
}
.table-scroll td {
  width: 20%;
  padding: 1rem;
  border: 1px #ccc solid;
}

@media screen and (max-width: 480px) {
	.table-scroll th {
		padding: 0.5rem;
	}
	.table-scroll td {
	  padding: 0.5rem;
	}
}

.table-scroll th.sticky{
  position: sticky;
  top:0;
  left:0;
  border-left: none;
  border-right: none;
  background: none;
}

.table-scroll th.sticky::before{
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  background-color: #eee;
  z-index: -1;
  box-sizing: content-box;
}
/* table設定 ここまで */