@charset "utf-8";
/*-----------------------------------------------
 * Bace
 * Index
 * Detail
-------------------------------------------------*/
/*-----------------------------------------------
 * Bace
-------------------------------------------------*/
/**
 * subNews
 */
.subNews {
	padding-top: 80px;
	padding-bottom: 160px;
}
@media screen and (max-width:767px){
	.subNews {
		padding-top: 24px;
		padding-bottom: 48px;
	}
}

/**
 * title
 */
.subMain__title.is-news {
	background: url(../img/top/title_news.svg) no-repeat 0 0 / 100%;
	width: 203px;
	height: 81px;
	margin: 0 auto 80px;
	z-index: 1;
}
@media screen and (max-width:767px){
	.subMain__title.is-news {
		width: 123px;
		height: 50px;
		margin: 0 auto 50px;
	}
}


/*-----------------------------------------------
 * Index
-------------------------------------------------*/
/**
 * subNewsListsWrap
 */
.subNewsListsWrap {
	width: 878px;
	margin: 0 auto;
}
@media screen and (max-width:767px){
	.subNewsListsWrap {
		width: 100%;
		padding: 0 24px;
	}
}

/**
 * subNewsLists
 */
.subNewsLists {
	display: flex;
	flex-wrap: wrap;
}

/* item */
.subNewsLists__item {
	width: calc((100% - 64px) / 3);
	margin-bottom: 50px;
}
.subNewsLists__item:not(:nth-child(3n + 1)) {
    margin-left: 32px;
}
@media screen and (max-width:767px){
	.subNewsLists__item {
		width: calc((100% - 24px) / 2);
		margin-bottom: 24px;
	}
	.subNewsLists__item:not(:nth-child(3n + 1)) {
		margin-left: 0;
	}
	.subNewsLists__item:not(:nth-child(2n + 1)) {
		margin-left: 24px;
	}
}

/* a */
.subNewsLists__item > a {
	display: block;
	width: 100%;
	text-decoration: none;
}

/* thumbArea */
.subNewsLists__thumbArea {
	width: 100%;
	padding-top: 100%;
	position: relative;
}
.subNewsLists__thumbWrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.subNewsLists__thumb {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: transform .4s cubic-bezier(0.25, 1, 0.5, 1);
}
.subNewsLists__item > a:hover .subNewsLists__thumb {
	transform: scale(1.4);
}

/* time */
.subNewsLists__timeWrap {
	height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
@media screen and (max-width:767px){
	.subNewsLists__timeWrap {
		height: 16px;
	}
}

.subNewsLists__timeWrap:before {
	content: "";
	background-color: rgba(var(--color-main),1);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.subNewsLists__timeWrap time {
	color: #fff;
	font-size: 16px;
	line-height: 1;
	padding: 0 4px;
	position: relative;
	z-index: 1;
}
@media screen and (max-width:767px){
	.subNewsLists__timeWrap time {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/* title */
.subNewsLists__title {
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 16px;
	line-height: 2;
	margin-top: 12px;
}
@media screen and (max-width:767px){
	.subNewsLists__title {
		font-size: 12px;
		font-size: 1.2rem;
		-webkit-line-clamp: 3;
	}
}


/*-----------------------------------------------
 * Detail
-------------------------------------------------*/
/* section */
.newsDetail {
	width: 880px;
	margin: 0 auto;
}
@media screen and (max-width:767px){
	.newsDetail {
		width: 100%;
		padding: 0 24px;
	}
}

/**
 * header
 */
.newsDetail__header {
	margin-bottom: 40px;
}
@media screen and (max-width:767px){
	.newsDetail__header {
		margin-bottom: 24px;
	}
}

/* top */
.newsDetail__top {
    display: flex;
    align-items: center;
	justify-content: space-between;
}
.newsDetail__time {
	background-color: rgba(var(--color-main),1);
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding: 2px;
	white-space: nowrap;
}
@media screen and (max-width:767px){
	.newsDetail__time {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/* cateLists */
.newsDetail__cateLists {
	display: flex;
}
.newsDetail__cateLists li:not(:first-child) {
	margin-left: 12px;
}
.newsDetail__cateLists li a {
	background-color: #fff;
	color: #000;
	display: block;
	font-size: 16px;
	line-height: 1;
	padding: 2px;
	text-decoration: none;
	white-space: nowrap;
}
@media screen and (max-width:767px){
	.newsDetail__cateLists li:not(:first-child) {
		margin-left: 6px;
	}
	.newsDetail__cateLists li a {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/* title */
.newsDetail__title {
	border-bottom: 1px solid rgba(var(--color-main),1);
	color: #fff;
	font-size: 24px;
	font-weight: 700;
    padding: 24px 0 30px;
}
@media screen and (max-width:767px) {
	.newsDetail__title {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 12px 0 14px;
	}
}

/**
 * newsDetail__textWrap
 */
 .newsDetail__textWrap {
    color: #fff;
    font-size: 16px;
	line-height: 2;
}
@media screen and (max-width:767px) {
	.newsDetail__textWrap {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/* p */
.newsDetail__textWrap p{
	margin-bottom: 40px;
}
@media screen and (max-width:767px) {
	.newsDetail__textWrap p{
		margin-bottom: 30px;
	}
}

/* image */
.newsDetail__textWrap img{
    height: auto;
    max-width: 100%;
}
/* iframe */
.newsDetail__textWrap .ytifWrap{
    display: block;
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}

.newsDetail__textWrap iframe[src*="youtube"]{
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* a */
.newsDetail__textWrap a{ color: rgba(var(--color-main),1);text-decoration: none; }
.newsDetail__textWrap a:hover{
	text-decoration: underline;
}
/* link */
.newsDetail__textWrap p.link{
	display: flex;
	align-items: center;
}
.newsDetail__textWrap p.link a{
	color: #fff;
	display: flex;
	align-items: center;
}
.newsDetail__textWrap p.link a:before{
	content: "";
	background-color: #ff0056;
	display: block;
	width: 16px;
	height: 24px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 100%;
	mask-size: 100%;
	-webkit-mask-image: url(../img/common/icon_thunder.svg);
	mask-image: url(../img/common/icon_thunder.svg);
	margin-right: 8px;
}
@media screen and (max-width:767px) {
	.newsDetail__textWrap p.link a:before{
		width: 10px;
		height: 16px;
	}
}

.newsDetail__textWrap p.link a:hover:before{
	animation: flash .001s ease-in-out infinite alternate;
}
@keyframes flash{
    0%  { opacity: 0; }
    100%{ opacity: 1; }
}

/**
 * newsDetailBack
 */
.newsDetailBack {
	display: flex;
    justify-content: center;
    margin-top: 80px;
}