@charset "utf-8";
/*-----------------------------------------------
 * ARTICLE
-------------------------------------------------*/
.articleContent{
	width: 100%;
	padding-top: min(calc(64 / var(--vw-min) * 100vw), 64px);
	position: relative;
}
.articleContentArea{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-left: min(calc(80 / var(--vw-min) * 100vw), 80px);
	padding-right: min(calc(80 / var(--vw-min) * 100vw), 80px);
}

@media screen and (max-width:768px){
	.articleContent{
		padding-top: calc(60 / var(--vw-min) * 100vw);
	}
	.articleContentArea{
		max-width: 100%;
		padding-left: calc(40 / var(--vw-min) * 100vw);
		padding-right: calc(40 / var(--vw-min) * 100vw);
	}
}


/***
* Category
***/
.articleCategoryAreaWrap{
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.articleCategoryArea{
	width: 100%;
}
.articleCategoryArea__ttl{
	font-family: var(--font-en);
	font-weight: 900;
	font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
	line-height: 1;
	display: flex;
	align-items: center;
}
.articleCategoryArea__ttl > span{
	flex-shrink: 0;
	padding-right: min(calc(20 / var(--vw-min) * 100vw), 20px);
	display: inline-block;
}
.articleCategoryArea__ttl::after{
	content: '';
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,20%);
}
.articleCategoryArea__cont{
	position: relative;
	padding: min(calc(20 / var(--vw-min) * 100vw), 20px) 0 min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.articleCategoryArea__cont:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: rgba(255,255,255,20%);
}
.articleCategoryLists{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
.articleCategoryList__link{
	display: block;
	text-decoration: none;
	padding: min(calc(12 / var(--vw-min) * 100vw), 12px) min(calc(24 / var(--vw-min) * 100vw), 24px);
	line-height: 1;
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	font-weight: 700;
	position: relative;
	background: #000;
	border: 1px solid rgba(255,255,255,20%);
}

.articleCategoryList__link:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(var(--color-red), var(--color-red)) right bottom / 0 100% no-repeat;
	transition: background-size 0.4s;
}

@media screen and (hover:hover) and (pointer: fine){
	.articleCategoryList__link:hover::before{
		background-size: 100% 100%;
		background-position: left bottom;
	}
}

.articleCategoryList__link > span{
	position: relative;
}

/** current **/
.articleCategoryList__link.--is-current::before{
	background-size: 100% 100%;
	background-position: left bottom;
}

@media screen and (max-width:768px){
	.articleCategoryAreaWrap{
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}
	.articleCategoryArea__ttl{
		font-size: calc(36 / var(--vw-min) * 100vw);
	}
	.articleCategoryArea__ttl > span{
		padding-right: calc(20 / var(--vw-min) * 100vw);
	}
	.articleCategoryArea__cont{
		padding: calc(28 / var(--vw-min) * 100vw) 0 calc(40 / var(--vw-min) * 100vw);
	}
	.articleCategoryLists{
		gap: calc(14 / var(--vw-min) * 100vw);
	}
	.articleCategoryList__link{
		padding: calc(16 / var(--vw-min) * 100vw) calc(32 / var(--vw-min) * 100vw);
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}



/**
* subTitle
**/
.article__subTitle{
	text-align: center;
	position: relative;
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	line-height: 1;
	font-weight: 700;
}
.article__subTitle:before,
.article__subTitle:after{
	content: '';
	width: 100%;
	height: 2px;
	background-color: var(--color-red);
}
.article__subTitle--txt{
	flex-shrink: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 0 min(calc(32 / var(--vw-min) * 100vw), 32px);
	height: min(calc(28 / var(--vw-min) * 100vw), 28px);
	min-width: min(calc(184 / var(--vw-min) * 100vw), 184px);
}
.article__subTitle--txt::after {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-right: 3px solid var(--color-red);
	border-left: 3px solid var(--color-red);
	transform: skew(-15deg);
	pointer-events: none;
}

.article__subTitle.-en{
	font-family: var(--font-en);
	font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
	font-weight: 900;
}

@media screen and (max-width:768px){
	.article__subTitle--txt{
		height: calc(26 / var(--vw-min) * 100vw);
		min-width: calc(180 / var(--vw-min) * 100vw);
		padding: 0 calc(40 / var(--vw-min) * 100vw);
	}
	.article__subTitle.-en{
		font-size: calc(36 / var(--vw-min) * 100vw);
	}
}



/**
* articleLists
**/
.articleListsWrap{
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}

@media screen and (max-width:768px){
	.articleListsWrap{
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
}


/* comListBoxes */
.comListBoxes{
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: min(calc(26 / var(--vw-min) * 100vw), 26px);
	row-gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.comListBox{
	width: 100%;
}
.comListBox__link{
	display: block;
	width: 100%;
	height: 100%;
	padding: 8.3334%;/* 20 */
	text-decoration: none;
	position: relative;
	font-weight: 700;
	color: #FFF;
}
@media screen and (hover:hover) and (pointer: fine){
	.comListBox__link:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: linear-gradient(rgba(218,0,0,30%), rgba(218,0,0,30%)) right bottom / 0 100% no-repeat;
		transition: background-size 0.4s;
	}
	.comListBox__link:hover::before{
		background-size: 100% 100%;
		background-position: left bottom;
	}
}
.comListBox__link:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 1px solid rgba(255,255,255,20%);
	border-bottom: 1px solid rgba(255,255,255,20%);
}
.comListBox__linkCont{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1;
}
.comListBox__link--thumb{
	width: 100%;
	padding-top: 70%;
	position: relative;
}
.comListBox__link--thumb img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.comListBox__link--cat{
	line-height: 1;
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
	color: #000;
	margin-top: 1em;
}
.comListBox__link--cat > span{
	display: inline-block;
	padding: 0.5em;
	background-color: var(--color-red);
}
.comListBox__link--title{
	line-height: 1.625;
	margin-top: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
.comListBox__link--time{
	display: block;
	text-align: right;
	margin-top: auto;
	padding-top: min(calc(26 / var(--vw-min) * 100vw), 26px);
	font-family: var(--font-en);
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: var(--color-red);
	line-height: 1;
}

@media screen and (max-width:768px){
	.comListBoxes{
		max-width: 100%;
		grid-template-columns: repeat(2, 1fr);
		column-gap: calc(40 / var(--vw-min) * 100vw);
		row-gap: calc(40 / var(--vw-min) * 100vw);
	}
	.comListBox__link{
		padding: calc(20 / var(--vw-min) * 100vw);
	}
	.comListBox__link--cat{
		font-size: calc(20 / var(--vw-min) * 100vw);
		margin-top: calc(22 / var(--vw-min) * 100vw);
	}
	.comListBox__link--title{
		margin-top: calc(16 / var(--vw-min) * 100vw);
	}
	.comListBox__link--time{
		font-size: calc(24 / var(--vw-min) * 100vw);
		padding-top: calc(32 / var(--vw-min) * 100vw);
	}
}



/**
* articlePagenation
**/
.article__pagenations{
	position: relative;
	margin-top: min(calc(50 / var(--vw-min) * 100vw), 50px);
	display: flex;
	align-items: center;
	justify-content: center;
}
.article__pageNextPrev{
	min-width: calc(min(calc(48 / var(--vw-min) * 100vw), 48px) + 80px);
	display: block;
	position: relative;
	text-align: unset;
}
.article__pageNextPrev.-r{
	text-align: right;
}

.article__pageNextPrev.--none{
	opacity: 20%;
	pointer-events: none;
}


.article__pageLastest{
	display: block;
	font-family: var(--font-en);
	font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
	font-weight: 900;
	text-decoration: none;
	line-height: 0.7;
	margin: 0 auto;
}
.article__pageLastest--text{
	display: inline-block;
	background: linear-gradient(var(--color-red), var(--color-red)) right bottom / 0 100% no-repeat;
	transition: background-size 0.4s;
}

@media screen and (hover:hover) and (pointer: fine){
	.article__pageLastest:hover .article__pageLastest--text{
		background-size: 100% 100%;
		background-position: left bottom;
	}
}

@media screen and (max-width:768px){
	.article__pagenations{
		margin-top: calc(60 / var(--vw-min) * 100vw);
	}
	.article__pageNextPrev{
		min-width: calc(160 / var(--vw-min) * 100vw);
	}
	.article__pageLastest{
		font-size: calc(36 / var(--vw-min) * 100vw);
	}
}



.link_backIndex{
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	font-family: var(--font-en);
	font-weight: 900;
	font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
}
.link_backIndex--txt{
	display: inline-block;
	padding-left: min(calc(30 / var(--vw-min) * 100vw), 30px);
}

@media screen and (max-width:768px){
	.link_backIndex{
		font-size: calc(36 / var(--vw-min) * 100vw);
	}
	.link_backIndex--txt{
		padding-left: calc(20 / var(--vw-min) * 100vw);
	}
}


.noIndex{
	font-weight: 700;
	font-size: 125%;
	text-align: center;
	padding-top: 2em;
}
@media screen and (max-width:768px){
	.noIndex{
		font-size: 112.5%;
	}
}


/*-----------------------------------------------
 * ARTICLE - DETAIL
-------------------------------------------------*/
.articleDetailArea{
	padding-top: min(calc(60 / var(--vw-min) * 100vw), 60px);
}
.articleDetail{
	width: 100%;
	background-color: #000;
	position: relative;
	overflow: hidden;
}
.articleDetail::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/common/deco/deco_article_t.png) no-repeat left top / contain;
	width: min(calc(487 / var(--vw-min) * 100vw), 487px);
	height: calc(436 / var(--vw-min) * 100vw);
	opacity: 20%;
}
.articleDetail__title{
	position: relative;
	padding: min(calc(64 / var(--vw-min) * 100vw), 64px) min(calc(80 / var(--vw-min) * 100vw), 80px) min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.articleDetail__title:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: rgba(255,255,255,20%);
}
.articleDetail__title--title{
	font-size: min(calc(22 / var(--vw-min) * 100vw), 22px);
	font-weight: 700;
	line-height: 1.7273;
}
.articleDetail__title--cat{
	line-height: 1;
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	font-weight: 700;
	color: #000;
	margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.articleDetail__title--cat > span{
	display: inline-block;
	padding: 0.4286em;
	background-color: var(--color-red);
}

@media screen and (max-width:768px){
	.articleDetailArea{
		padding-top: calc(60 / var(--vw-min) * 100vw);
		padding-left: 0;
		padding-right: 0;
	}
	.articleDetail::before{
		width: calc(487 / var(--vw-min) * 100vw);
		height: calc(436 / var(--vw-min) * 100vw);
	}
	.articleDetail__title{
		padding: calc(80 / var(--vw-min) * 100vw) calc(70 / var(--vw-min) * 100vw) calc(60 / var(--vw-min) * 100vw);
	}
	.articleDetail__title--title{
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.articleDetail__title--cat{
		font-size: calc(20 / var(--vw-min) * 100vw);
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
}



/**
* DetailCont
**/

.articleDetail__cont{
	position: relative;
	width: 100%;
	padding: min(calc(40 / var(--vw-min) * 100vw), 40px) min(calc(80 / var(--vw-min) * 100vw), 80px) min(calc(64 / var(--vw-min) * 100vw), 64px);
	word-break: break-all;
	line-height: 2;
}

.articleDetail__cont p{
	margin-bottom: 2em;
}
.articleDetail__cont img{
	max-width: 100%;
	height: auto!important;
}
.articleDetail__cont a{
	word-break: break-all;
	color: var(--color-red);
	text-decoration: underline;
	text-underline-offset: 0.375em;
}
.articleDetail__cont .link{
	position: relative;
	font-weight: 700;
}
.articleDetail__cont .link:before{
	content: '';
	display: inline-block;
	width: min(calc(52 / var(--vw-min) * 100vw), 52px);
	height: min(calc(26 / var(--vw-min) * 100vw), 26px);
	background: url(../img/common/deco/deco_icon.svg) no-repeat left bottom / contain;
	margin: 0 0 -0.45em;
}

.articleDetail__cont .link a{
	display: inline;
	font-weight: 700;
	text-decoration: none;
	color: #FFF;
}
.articleDetail__cont .link a:after{
	content: '';
	display: inline-block;
	margin-left: min(calc(8 / var(--vw-min) * 100vw), 8px);
	width: min(calc(16 / var(--vw-min) * 100vw), 16px);
	height: min(calc(10 / var(--vw-min) * 100vw), 10px);
	mask: url(../img/common/arrow/arrow_r.png) no-repeat center / contain;
	background-color: var(--color-red);
}


@media screen and (max-width:768px){
	.articleDetail__cont{
		padding: calc(60 / var(--vw-min) * 100vw) calc(70 / var(--vw-min) * 100vw) calc(80 / var(--vw-min) * 100vw);
	}

	.articleDetail__cont .link:before{
		width: calc(64 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
		margin-bottom: -0.25em;
	}
	.articleDetail__cont .link a:after{
		margin: 0 calc(12 / var(--vw-min) * 100vw);
		width: calc(16 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
		margin-bottom: 0.125em;
	}

	.articleDetail__cont iframe[src*="youtube"]{
		width: 100%;
		height: calc(343 / var(--vw-min) * 100vw);
	}
}