@charset "utf-8";
/*-----------------------------------------------
 * DETAIL
-------------------------------------------------*/
.c-articleDetail {
    background-color: #fff;
}
.c-articleDetail__header{
	padding: min(calc(40 / var(--vw-min) * 100vw), 40px);
	border-top: 1px solid var(--color-black);
	border-bottom: 1px solid var(--color-black);
}
.c-articleDetail__date{
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	display: block;
	font-family: var(--font-en);
	line-height: 1;
	color: #888;
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.c-articleDetail__title{
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	color: var(--color-blue);
	line-height: 2;
}
.c-articleDetail__body{
	padding: min(calc(40 / var(--vw-min) * 100vw), 40px) min(calc(40 / var(--vw-min) * 100vw),40px) min(calc(64 / var(--vw-min) * 100vw),64px);
    border-bottom: 1px solid var(--color-black);
}
.c-articleDetail img{
	max-width: 100%;
	height: auto;
}
.c-articleDetail a{
	display: inline;
	word-break: break-all;
	position: relative;
	text-decoration: underline;
	transition: .3s ease;
	text-underline-offset: 0.375em;
	color: var(--color-blue);
}

.c-articleDetail a[target="_blank"]:after{
	content: '';
	display: inline-block;
	margin: 0 min(calc(8 / var(--vw-min) * 100vw),8px) 0 min(calc(6 / var(--vw-min) * 100vw),6px);
	width: min(calc(12 / var(--vw-min) * 100vw),12px);
	height: min(calc(12 / var(--vw-min) * 100vw),12px);
	-webkit-mask: url(../img/common/icon/icon_blank.svg) no-repeat center / contain;
	mask: url(../img/common/icon/icon_blank.svg) no-repeat center / contain;
	background-color: var(--color-blue);
}
.c-articleDetail a:hover{
	opacity: 60%;
}

.c-articleDetail iframe {
	max-width: 100%;
	border: unset;
}

.c-article__navigation{
	margin-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
.c-article__navigationLists{
	display: flex;
	align-items: center;
    justify-content: center;
	gap: min(calc(40 / var(--vw-min) * 100vw), 16px);
}
.c-article__navigationList.-prev,
.c-article__navigationList.-next{
	flex-shrink: 0;
}
.c-article__backBtn .comLink__link{
	width: min(calc(200 / var(--vw-min) * 100vw), 200px);
	min-width: min(calc(200 / var(--vw-min) * 100vw), 200px);
}
.c-article__navigationList .comLinkBox.-squere .comLink__link.-icon_arrow-l .comLink__text,
.c-article__navigationList .comLinkBox.-squere .comLink__link.-icon_arrow-r .comLink__text{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
}
.c-article__navigationList .comLinkBox.-squere .comLink__link.-icon_arrow-l .comLink__text:after,
.c-article__navigationList .comLinkBox.-squere .comLink__link.-icon_arrow-r .comLink__text:after{
	inset: 0;
	margin: auto;
}

@media screen and (max-width:768px){
	.c-articleDetail{
		width: 100%;
	}
	.c-articleDetail__header{
		padding: calc(20 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
		border-width: max(calc(2 / var(--vw-min) * 100vw), 1px);
	}
	.c-articleDetail__date{
        font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(10 / var(--vw-min) * 100vw);
	}
	.c-articleDetail__title{
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.c-articleDetail__body{
		padding: calc(50 / var(--vw-min) * 100vw) calc(50 / var(--vw-min) * 100vw) calc(85 / var(--vw-min) * 100vw);
	}
	.c-articleDetail a[target="_blank"]:after{
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
		margin: 0 calc(8 / var(--vw-min) * 100vw);
	}
	.c-articleDetail iframe {
		width: 100%;
		height: calc(377 / var(--vw-min) * 100vw);
	}
	.c-article__navigation{
		margin-top: calc(96 / var(--vw-min) * 100vw);
	}
	.c-article__navigationLists{
		gap: calc(48 / var(--vw-min) * 100vw);
	    justify-content: space-between;
	}
    .c-article__backBtn.comLinkBox.-large .comLink__link {
	    width: calc(414 / var(--vw-min) * 100vw);
		min-width: 100%;
	}
	.c-article__navigationList .comLinkBox.-squere .comLink__link.-icon_arrow-l .comLink__text:after,
	.c-article__navigationList .comLinkBox.-squere .comLink__link.-icon_arrow-r .comLink__text:after{
		width: calc(24 / var(--vw-min) * 100vw);
		height: calc(24 / var(--vw-min) * 100vw);
	}
}