/* 用語集 */

.page-title {
	font-weight: bold;
}
.words-title {
	position: relative;
	/* padding-left: 1em;
	margin-bottom: 1em; */
}
/* .words-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto;
	width: 2px;
	background-color: var(--sub-theme-color2);
} */
/* .words .phrase-category {
} */
.words-subtitle {
	padding: .75em 0;
	border-top: solid 1px;
	border-bottom: solid 1px;
}
.blk-words-list {
	position: relative;
	background-color: var(--theme-bg-color);
	border-radius: .25em;
	box-sizing: border-box;
}
.lbl-words-pickup {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background-color: #fff;
	border: solid 1px var(--theme-border-color);
	line-height: 1;
}
.lbl-words-pickup::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	/* background: url(../img/words_img/pt_pickup_keyword.svg) no-repeat right top #fffbe6; */
	background: url(../img/words_img/pt_pickup_keyword.svg) no-repeat right top rgb(230 147 92 / 15%);
	background-size: contain;
	border-right: solid 1px var(--theme-border-color);
}
.list-words {
	margin-bottom: 1.5em;
	border: solid 1px var(--theme-border-color);
	border-radius: .25em;
	overflow: hidden;
}
.col-words:not(:last-of-type) {
	border-bottom: solid 1px var(--theme-border-color);
}
.link-word {
	position: relative;
	display: block;
	background-color: #fff;
	color: var(--main-text-color);
}
.link-word::before {
	content: "";
	position: absolute;
	display: block;
	/* clip-path: polygon(0 0,0 100%, 100% 50%);
	background-color: var(--sub-theme-color1); */
	background: url("data:image/svg+xml,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20173.22%20182.29%22%3E%3Cpolygon%20points%3D%2282.07%200%2067.64%2014.43%20134.14%2080.94%200%2080.94%200%20101.35%20134.14%20101.35%2067.64%20167.86%2082.07%20182.29%20173.22%2091.15%2082.07%200%22%20style%3D%22fill%3A%2336f%3B%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
	background-size: contain;
}
.link-word.pickup {
	/* background-color: #fffbe6; */
	background-color: rgb(230 147 92 / 15%);
}
.link-word.pickup::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background: url(../img/words_img/pt_pickup_keyword.svg) no-repeat right top;
	background-size: contain;
}
.btn-words {
	position: relative;
	display: block;
	padding: 1em 2.5em 1em 1em;
	background-color: #fff;
	border: solid 1px var(--theme-border-color);
	border-radius: .25em;
	color: var(--main-text-color);
}
.btn-words::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5em;
	display: block;
	margin: auto;
	/* clip-path: polygon(0 0,0 100%, 100% 50%);
	background-color: var(--sub-theme-color1); */
	background: url("data:image/svg+xml,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20173.22%20182.29%22%3E%3Cpolygon%20points%3D%2282.07%200%2067.64%2014.43%20134.14%2080.94%200%2080.94%200%20101.35%20134.14%20101.35%2067.64%20167.86%2082.07%20182.29%20173.22%2091.15%2082.07%200%22%20style%3D%22fill%3A%2336f%3B%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
	background-size: contain;
}
.blk-aside-words-syllabary {
	padding: .5em;
	background-color: var(--theme-bg-color);
}
.flx-words-syllabary {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	border: solid 1px var(--theme-border-color);
	border-bottom: none;
}
.flx-words-syllabary::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	height: 1px;
	width: 100%;
	background-color: var(--theme-border-color);
}
.flx-words-syllabary li {
	width: 25%;
	background-color: #fff;
	border-bottom: solid 1px var(--theme-border-color);
}
.flx-words-syllabary li:not(:nth-of-type(4n)) {
	border-right: solid 1px var(--theme-border-color);
}
.flx-words-syllabary a {
	display: block;
	padding: 1em;
	text-align: center;
	background-color: #fff;
	color: var(--main-text-color);
}
.list-words-category li {
	border-bottom: solid 1px var(--theme-border-color);
}
.list-words-category a {
	display: block;
	padding: 1.5em 0;
	line-height: 1;
	font-weight: bold;
	color: var(--main-text-color);
}
.single-sidebar .words-syllabary h2,
.single-sidebar .words-category h2 {
	margin-bottom: 0;
}

.list-words.syllabary,
.list-words.category {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	margin-bottom: 0;
	border-bottom: none;
}
.list-words.category::after,
.list-words.syllabary::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	height: 1px;
	width: 100%;
	background-color: var(--theme-border-color);
	z-index: 0;
}
.link-wordcat {
	display: block;
	padding: 1em .2em;
	background-color: #fff;
	text-align: center;
	color: var(--main-text-color);
}
.link-wordcat.top {
	position: relative;
	padding: 1.4em;
	text-align: left;
}
.link-wordcat.top::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto;
	clip-path: polygon(0 0,0 100%, 100% 50%);
	background-color: var(--sub-theme-color1);
}
@media screen and (max-width: 767px) {
	[class|="inner"].words {
		margin-bottom: 3em;
	}
	.page-header.words {
		margin-bottom: 2.25em;
	}
	.words-title {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		font-size: 4.8vw;
	}
	.words-subtitle {
		margin-bottom: 1.5em;
		font-size: 4vw;
	}
	.blk-words-list {
		padding: 15vw 5.333vw 8vw;
		margin-bottom: 2em;
		border-radius: 2.6667vw;
	}
	.lbl-words-pickup {
		padding: .75em 1em .75em 3.5em;
		font-size: 3.2vw;
	}
	.lbl-words-pickup::before {
		width: 2.5em;
		height: 2.5em;
	}
	.link-word {
		padding: 1em 1em 1em 2.5em;
	}
	.link-word::before {
		top: 1.3em;
		left: 1.2em;
		width: 3.2vw;
		height: 3.2vw;
	}
	.link-wordcat.top::after {
		right: 1.2em;
		width: 1.734vw;
		height: 2vw;
	}
	.link-word.pickup::after {
		width: 5.333vw;
		height: 5.333vw;
	}
	.btn-words::after {
		width: 3.2vw;
		height: 3.2vw;
	}
	.words-syllabary .blk-words-list,
	.words-category .blk-words-list {
		padding-top: 4vw;
		padding-bottom: 4vw;
	}
	.list-words.syllabary .col-words {
		width: 25%;
	}
	.list-words.syllabary .col-words:not(:nth-of-type(4n)) {
		border-right: solid 1px var(--theme-border-color);
	}
	.list-words.category:not(.top) .col-words {
		width: 50%;
	}
	.list-words.category:not(.top) .col-words:nth-of-type(2n+1) {
		border-right: solid 1px var(--theme-border-color);
	}
	.list-words.category.top .col-words {
		width: 100%;
	}
	.link-wordcat {
		padding: 1.4em .2em
	}
	.words-keyword .words-title {
		position: relative;
	}
	.words-keyword .words-title::after {
		content: "－";
		position: absolute;
		bottom: 0;
		right: 1em;
		display: block;
		width: 8vw;
		height: 8vw;
		/* background: url('data:image/svg+xml,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040.93%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20style%3D%22fill%3A%23e09a7c%3B%20stroke-width%3A0px%3B%22%2F%3E%3Cpath%20d%3D%22m9.73%2C21.49v-2.98h20.55v2.98H9.73Z%22%20style%3D%22fill%3A%23fff%3B%20fill-rule%3Aevenodd%3B%20stroke-width%3A0px%3B%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
		background-size: contain; */
		background-repeat: no-repeat;
		background-position: center;
		background-color: var(--main-theme-color);
		border-radius: 50%;
		text-align: center;
		line-height: 1.8;
		font-size: 4vw;
		font-weight: normal;
		color: #fff;
	}
	.words-keyword .words-title.is-closed::after {
		content: "＋";
		/* background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040.93%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20style%3D%22fill%3A%23e09a7c%3B%20stroke-width%3A0px%3B%22%2F%3E%3Cpath%20d%3D%22m9.73%2C21.49v-2.98h20.55v2.98H9.73Z%22%20style%3D%22fill%3A%23fff%3B%20fill-rule%3Aevenodd%3B%20stroke-width%3A0px%3B%22%2F%3E%3Cpath%20d%3D%22m21.49%2C30.28h-2.98V9.73h2.98v20.55Z%22%20style%3D%22fill%3A%23fff%3B%20fill-rule%3Aevenodd%3B%20stroke-width%3A0px%3B%22%2F%3E%3C%2Fsvg%3E'); */
	}
	/* #keyword-accordion + * {
		display: block;
		height: auto;
		transition: all 1s ease;
	}
	#keyword-accordion + * > * {
		height: auto;
		transition: all 1s ease;
	} */
	/* #keyword-accordion + * .lbl-words-pickup,
	#keyword-accordion + * h3 {
		display: block;
	} */
	/* #keyword-accordion + *.is-closed {
		height: 0;
	}
	#keyword-accordion + *.is-closed > * {
		height: 0;
	} */
	/* #keyword-accordion + *.is-closed .lbl-words-pickup,
	#keyword-accordion + *.is-closed h3 {
		display: none;
	} */
}
@media screen and (min-width: 768px), print {
	[class|="inner"].words {
		margin-bottom: 3.5em;
	}
	.page-header.words {
		margin-bottom: 2.5em;
	}
	.words-title {
		font-size: 24px;
	}
	.words-subtitle {
		margin-bottom: 2em;
		font-size: 21px;
	}
	.blk-words-list {
		padding: 60px;
		border-radius: 10px;
	}
	.lbl-words-pickup {
		padding: .5em 1em .5em 3em;
		font-size: 14px;
	}
	.lbl-words-pickup::before {
		width: 2em;
		height: 2em;
	}
	.link-word {
		padding: 1em 1em 1em 2.5em;
		height: 100%;
		transition: all .3s ease;
	}
	.link-word::before {
		top: 1.4em;
		left: 1.375em;
		width: 12px;
		height: 12px;
	}
	.link-wordcat.top {
		padding: 18px 1.4em;
	}
	.link-wordcat.top::after {
		right: 1.375em;
		width: 6px;
		height: 7px;
	}
	.link-word.pickup::after {
		width: 21px;
		height: 21px;
	}
	.btn-words {
		padding-left: 1.75em;
		max-width: 311px;
		margin-left: auto;
		margin-right: auto;
		transition: all .3s ease;
	}
	.btn-words::after {
		width: 12px;
		height: 12px;
	}
	.link-wordcat:hover,
	.link-word:hover,
	.btn-words:hover {
		opacity: 1;
		color: var(--link-text-color);
		/* background-color: rgb(230 147 92 / 30%);
		color: #fff; */
	}
	/* .link-word:hover::before,
	.btn-words:hover::after {
		background-color: #fff;
	} */
	.flx-words-syllabary a,
	.list-words-category a {
		font-size: 14px;
	}
	.flx-words-syllabary a {
		padding-left: 0;
		padding-right: 0;
	}
	.list-words.syllabary .col-words {
		width: calc( 100% / 11 );
	}
	.list-words.syllabary .col-words:not(:nth-of-type(11n)) {
		border-right: solid 1px var(--theme-border-color);
	}
	.list-words.keyword {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-start;
		border-bottom: none;
	}
	.list-words.keyword::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		height: 1px;
		width: 100%;
		background-color: var(--theme-border-color);
		z-index: 0;
	}
	.list-words.syllabary .col-words,
	.list-words.category:not(.top) .col-words {
		font-size: 21px;
	}
	.list-words.category:not(.top) .col-words {
		width: 33.33%;
	}
	.list-words.category.top .col-words {
		width: 50%;
	}
	.list-words.keyword .col-words {
		width: 25%;
	}
	.list-words.category:not(.top) .col-words:not(:nth-of-type(3n)),
	.list-words.category.top .col-words:not(:nth-of-type(2n)),
	.list-words.keyword .col-words:not(:nth-of-type(4n)) {
		border-right: solid 1px var(--theme-border-color);
	}
}


.link-wordsbnr {
	display: block;
	background: url(../img/words_img/icon_words.svg) no-repeat left center #fff;
	border: solid 1px;
	line-height: 1;
	color: var(--main-text-color);
}
.link-wordsbnr span {
	display: block;
}
.link-wordsbnr b {
	display: block;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.blk-aside.words-bnr {
		margin-top: 3em;
	}
	.link-wordsbnr {
		padding: 6vw 2vw 6vw 28vw;
		margin-bottom: 3em;
		background-position: 6vw center;
		background-size: auto 16vw;
	}
	.link-wordsbnr span {
		margin-bottom: 2vw;
		/* font-size: 2.8vw; */
	}
	.link-wordsbnr b {
		font-size: 5.2vw;
	}
	.link-wordsbnr.top {
		margin-bottom: 2em;
	}
}
@media screen and (min-width: 768px), print {
	.link-wordsbnr {
		padding: 20px .1em 20px 3.8em;
		background-position: 10px center;
		background-size: 41px auto;
	}
	.link-wordsbnr span {
		margin-bottom: 7px;
		font-size: 11px;
	}
	.link-wordsbnr b {
		font-size: 16px;
	}
	.link-wordsbnr.top {
		padding: 34px 5px 34px 7.5em;
		background-position: 20px center;
		background-size: 81px auto;
	}
	.link-wordsbnr.top span {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.link-wordsbnr.top b {
		font-size: 24px;
	}
}


.article-words {
	margin-bottom: 3em;
}
.words-content {
	position: relative;
	background-color: var(--theme-bg-color);
}
.kana-word,
.words-title small {
	display: block;
	font-size: 50%;
}
.lbl-pickupword {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background-color: var(--sub-accent-color2);
	line-height: 1;
	font-weight: bold;
	color: #fff;
}
.blk-words-related {
	margin-top: 3em;
	background-color: #fff;
	border: solid 1px;
}
.ttl-blk-words-related {
	display: block;
	font-size: 1em;
	font-weight: bold;
}
.list-words-related li {
	padding: 1em 0;
}
.list-words-related li:not(:last-of-type) {
	border-bottom: solid 1px var(--theme-border-color);
}
.flx-words-related {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	color: var(--main-text-color);
}
.date-words-related {
	display: block;
	margin-bottom: .5em;
	color: var(--sub-text-color);
}
.ttl-words-related {
	margin-bottom: 0;
	font-weight: normal;
}
.blk-pickup-keywords {
	margin-top: 3em;
}
.btn-words.dtl {
	margin-top: 3em;
}
.blk-pickup-keywords .btn-more {
	display: block;
	padding: .5em 2.625em;
	margin: auto;
	background-color: #fff;
	border-radius: .3em;
	line-height: 1.5;
	border: solid 1px var(--theme-border-color);
	font-family: var(--theme-num-font);
	cursor: pointer;
}
.blk-pickup-keywords .btn-more::after {
	content: "";
	display: inline-block;
	margin-left: 1em;
	width: 3.2vw;
	height: 3.2vw;
	background: url("data:image/svg+xml,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20173.22%20182.29%22%3E%3Cpolygon%20points%3D%2282.07%200%2067.64%2014.43%20134.14%2080.94%200%2080.94%200%20101.35%20134.14%20101.35%2067.64%20167.86%2082.07%20182.29%20173.22%2091.15%2082.07%200%22%20style%3D%22fill%3A%2336f%3B%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
	background-size: contain;
	transform: rotate(90deg);
}
.article-words p:not(:first-child) {
	margin-top: 1em;
}
.article-words figure {
	margin-top: 2em;
}
.article-words figcaption {
	margin-bottom: 0;
	font-size: 85%;
}
.article-words figcaption a,
.article-words p a {
	color: var(--link-text-color);
}
.article-words .words-content > ul {
	list-style: disc;
	margin: 1em 0 0 2em;
}
.article-words ol {
	list-style: decimal;
	margin: 1em 0 0 2em;
}
.article-words h2,
.article-words .words-content > h3 {
	margin: 1.5em 0 1em;
}
.article-words h4,
.article-words .ttl-fig {
	margin: 2em 0 1em;
	padding: 0;
	border: none;
	font-size: 1em;
	font-weight: bold;
}
.article-words h4 + figure,
.article-words .ttl-fig + figure {
	margin-top: 0;
}
.article-words em {
	background: linear-gradient(transparent 50%, #fbe8f1 0%);
}
.article-words table {
	margin-bottom: 1em;
	background-color: #fff;
}
.article-words thead th,
.article-words .dark tbody th {
	background-color: #999;
	font-weight: normal;
	color: #fff;
}
.article-words tbody th {
	background-color: #e9e9e9;
	text-align: left;
	font-weight: normal;
}
.article-words th,
.article-words td {
	word-break: initial;
	border-color: var(--theme-border-color);
}

@media screen and (max-width: 767px) {
	.article-words {
		margin-bottom: 2.5em;
	}
	.words-content {
		padding: 12vw 5.333vw 5.333vw;
	}
	.lbl-pickupword {
		padding: .75em 1em;
		font-size: 3.2vw;
	}
	.blk-words-related {
		padding: 1.5em 1.5em 0;
	}
	.ttl-blk-words-related {
		margin-bottom: 0;
	}
	.list-words-related li {
		padding: 1.25em 0;
	}
	.col-img-words-related {
		width: 25.553%;
	}
	.col-txt-words-related {
		width: 68%;
	}
	.date-words-related {
		font-size: 1em;
	}
	.ttl-words-related {
		font-size: 1em;
	}
	.article-words h2 {
		font-size: 4.8vw;
	}
	.article-words .words-content > h3 {
		font-size: 4vw;
	}
}
@media screen and (min-width: 768px), print {
	.article-words {
		margin-bottom: 4em;
	}
	.words-content {
		padding: 3.75em 7%;
	}
	.lbl-pickupword {
		padding: .5em 1em;
		font-size: 14px;
	}
	.blk-words-related {
		padding: 2em 2.5em 1em;
	}
	.ttl-blk-words-related {
		margin-bottom: .5em;
	}
	.list-words-related li {
		padding: 1.75em 0;
	}
	.col-img-words-related {
		width: 90px;
	}
	.col-txt-words-related {
		width: calc( 100% - 120px );
	}
	.date-words-related {
		font-size: 18px;
	}
	.ttl-words-related {
		font-size: 14px;
	}
	.blk-pickup-keywords .btn-more {
		transition: background-color .3s, color .3s;
	}
	.blk-pickup-keywords .btn-more:hover {
		opacity: 1;
		background-color: rgb(230 147 92 / 30%);
		/* color: #fff; */
	}
	.blk-pickup-keywords .btn-more::after {
		width: 12px;
		height: 12px;
	}
	.article-words h2 {
		font-size: 24px;
	}
	.article-words .words-content > h3 {
		font-size: 21px;
	}
}

.blk-words-related {
	border-color: var(--theme-border-color);
}
.words-subtitle {
	display: block;
	margin: 1.5em 0;
	padding: .5em .75em .5em 0;
	border: none;
	line-height: 1.3;
}
.blk-words-list h3 {
	margin: 0 0 1.5em -3%;
	padding: .5em .75em;
	width: 106%;
	background-color: var(--sub-theme-color2);
	line-height: 1.3;
	color: var(--sub-theme-color1);
}
.col-words {
	background-color: #fff;
}
@media screen and (max-width: 767px) {
	.words-tax {
		margin-top: 1.5em;
	}
	.words .single-sidebar {
		width: 100%;
	}
	.words-content,
	.blk-words-related {
		border-radius: 2.667vw;
	}
	.words-subtitle {
		font-size: 5.6vw;
	}
	.blk-words-list h3 {
		border-radius: 2.6667vw;
		font-size: 5.6vw;
	}
	.words-keyword {
		margin-bottom: 4em;
	}
}
@media screen and (min-width: 768px), print {
	.words-tax {
		margin-top: 3em;
	}
	.words-content,
	.blk-words-related {
		border-radius: 10px;
	}
	.words-subtitle {
		font-size: 21px;
	}
	.blk-words-list h3 {
		width: 105%;
		margin-left: -2.5%;
		border-radius: 10px;
		font-size: 21px;
	}
}