@charset "UTF-8";
/*----------このエリアは削除すると正しく動作しない可能性があります----------

Theme Name:   LION MEDIA Child
Theme URI:    http://fit-jp.com/theme/
Description:  FIT(フィット) が制作するメディア用WordPressTHEME「LION MEDIA」の子テーマ
Author:       Kota Naito　@FIT(フィット)
Author URI:   http://fit-jp.com/about/
Template:     lionmedia
Version:      1.2
License:      GNU GENERAL PUBLIC LICENSE
License URI:  http://www.gnu.org/licenses/gpl.html

----------このエリアは削除すると正しく動作しない可能性があります----------*/


/*/////////////////////////////////////////////////
//下記ユーザーカスタマイズエリア
/////////////////////////////////////////////////*/

.archiveItem {
	width: calc(33.3% - 20px);
}

.widget {
	& h2.wp-block-heading {
		border-bottom: 2px solid #D8D8D8;
		font-size: 1.5em;
		line-height: 1.8;
		margin-bottom: 1em;
		padding-top: 0.5em;

		&::before {
			content: "";
			position: absolute;
			display: block;
			width: 2em;
			height: 0.2em;
			top: 0;
			left: 0;
			background: #7D89A8;
		}
	}


	& ul.wp-block-categories-list {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5em;

		& li {
			border: 1px solid #D8D8D8;
			border-radius: 10px;
			padding: 0.5em;
			margin-bottom: 0;
			line-height: 1;
			display: flex;

			&::before {
				content: none;
			}

			& a {}
		}
	}
}

.news_list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(7, 1fr);
	grid-column-gap: 2em;
	grid-row-gap: 1em;

	& article {
		display: flex;

		& figure {
			display: none;
		}

		& .headline {
			line-height: 1.2;

			& .cat_box {
				display: inline-flex;
				max-width: calc(100% - 3em);
				margin-bottom: 0.2em;
			}

			& .cat {
				font-size: 1.2rem;
				padding: 0.2em 1em;
				border: 1px solid #7D89A8;
				overflow: hidden;
				display: -webkit-inline-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				/* 任意の行数を指定 */

			}

			& .add_New {
				font-size: 1rem;
				color: transparent;
				-webkit-text-stroke: 1px #fd4646;
				text-shadow: 3px 3px #dddb54;
				padding-left: 1em;
			}

			& .news_title {
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				/* 任意の行数を指定 */
			}
		}


	}

	& article:nth-child(1) {
		grid-area: 1 / 1 / 10 / 2;
		flex-direction: column;

		& figure {
			display: block;
		}

		& .news_title {
			overflow: unset;
			display: block;
			-webkit-box-orient: unset;
			-webkit-line-clamp: unset;
		}
	}

	& article:nth-child(2) {
		grid-area: 1 / 2 / 2 / 3;
	}

	& article:nth-child(3) {
		grid-area: 2 / 2 / 3 / 3;
	}

	& article:nth-child(4) {
		grid-area: 3 / 2 / 4 / 3;
	}

	& article:nth-child(5) {
		grid-area: 4 / 2 / 5 / 3;
	}

	& article:nth-child(6) {
		grid-area: 5 / 2 / 6 / 3;
	}

	& article:nth-child(7) {
		grid-area: 6 / 2 / 7 / 3;
	}
	& article:nth-child(8) {
		grid-area: 7 / 2 / 8 / 3;
	}
	& article:nth-child(9) {
		grid-area: 8 / 2 / 9 / 3; 
	}
	& article:nth-child(10) {
		grid-area: 9 / 2 / 10 / 3;
	}
}

.categoryBox__list {
	& .categoryBox__title {

		& a {
			padding-right: 2em;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

	}
}