/**********
  すべて表示　アコーディオン
********************************************************************/
.c-block-more.is-open {
	 margin-top: calc(36px* var(--font-ratio));
}

.c-block-more__btn-txt--open .c-icon[data-icon-type="arrow"]:before {
	transform: rotate(90deg);
}

.c-block-more__btn-txt--close .c-icon[data-icon-type="arrow"]:before {
	transform: rotate(-90deg);
}

.c-block-more__content {
    position: relative;
    overflow: hidden;
    height: 0;
}

.is-open .c-block-more__btn-txt--open {
    display: none;
}

.c-block-more__btn-txt--close {
    padding-top: calc(36px* var(--font-ratio));
}

/*==========================================
関連記事
===========================================*/
#column.c-related li.is-hidden {
    display:none;
}

.p-contents__more {
    display: flex;
    align-items: center;
    margin-inline: auto;
    margin-top: calc(40px* var(--font-ratio));
    color: var(--primary);
}

.p-contents__more :where(span) {
    margin-block: var(--leading-trim);
}

.p-contents__more .c-icon {
    --_icon-size: calc(20px* var(--font-ratio));
    rotate: 45deg;
}

@media (any-hover: hover) and (any-pointer: fine){
	.p-contents__more:where(:any-link, :enabled, summary, label[for]):hover span:not(.c-icon){
		color:var(--hover-primary);text-decoration:underline;
	}
	.p-contents__more:where(:any-link, :enabled, summary, label[for]):focus-visible span:not(.c-icon){
		color:var(--hover-primary);text-decoration:underline;}
}

/*==========================================
c-card-a__text_____arrow
===========================================*/
.case_card .c-card-a__text , #column .c-card-a__text {
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--_text-limit, 2);
  overflow: hidden;
  padding-right: 2ch;
  pointer-events: none;
}
.case_card .c-card-a__text .c-icon::before , #column .c-card-a__text .c-icon::before {
  content: "\f10e";
  position: absolute;
  right: 0;
  bottom: 0;
　pointer-events: none;
}