@charset "utf-8";
/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
.c-news{
	width: 100%;
	position: relative;
	padding-top: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	padding-bottom: min(calc(140 / var(--vw-min) * 100vw), calc(140px * var(--max-percent)));
}
.c-newsContent{
	width: 100%;
	max-width: min(calc(1366 / var(--vw-min) * 100vw), calc(1366px * var(--max-percent)));
	padding: 0 min(calc(163 / var(--vw-min) * 100vw), calc(163px * var(--max-percent)));
	margin: 0 auto;
	position: relative;
}
.c-newsContentIn{
	width: 100%;
	padding-top: min(calc(64 / var(--vw-min) * 100vw), calc(64px * var(--max-percent)));
	position: relative;
}

@media screen and (max-width:768px){
	.c-news{
		padding-top: calc(48 / var(--vw-min) * 100vw);
		padding-bottom: calc(128 / var(--vw-min) * 100vw);
	}
	.c-news:before{
		top: calc(-52 / var(--vw-min) * 100vw);
		height: calc(54 / var(--vw-min) * 100vw);
	}
	.c-newsContent{
		max-width: 100%;
		padding: 0 calc(40 / var(--vw-min) * 100vw);
	}
	.c-newsContentIn{
		padding: calc(56 / var(--vw-min) * 100vw) 0 0 0;
	}
}


/*-----------------------------------------------
 * NEWS - LIST
-------------------------------------------------*/
.newsLists,
.newsList{
	position: relative;
}
.newsLists:before,
.newsList:before{
	content: '';
	position: absolute;
	left: 0;
	right: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height: 2px;
	background-image: linear-gradient(90deg,#86531f 0px, #86531f 2px, transparent 2px, transparent 4px);
	background-repeat: repeat;
	background-size: 4px 100%;
}
.newsLists:before{
	top: 0;
}
.newsList:before{
	bottom: 0;
}
.newsLists:after,
.newsList:after{
	content: '';
	position: absolute;
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	right: 0;
	-webkit-mask: url(../img/common/deco_star.svg) no-repeat center right / contain;
	mask: url(../img/common/deco_star.svg) no-repeat center right / contain;
	background-color: #86531f;
}
.newsLists:after{
	top: max(calc(-9 / var(--vw-min) * 100vw), -9px);
}
.newsList:after{
	bottom: max(calc(-9 / var(--vw-min) * 100vw), -9px);
}
.newsList__link{
	display: flex;
	align-items: center;
	text-decoration: none;
	padding: min(calc(24 / var(--vw-min) * 100vw), 24px) min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	line-height: 2;
	font-weight: 700;
}
.newsList__date{
	font-family: var(--font-en);
	color: #916e49;
	flex-shrink: 0;
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	line-height: 1;
	padding-right: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.newsList__title{
	color: var(--color-main);
}

.news__linkBox{
	text-align: center;
	margin-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.news__linkBox .linkBox__link{
	min-width: min(calc(208 / var(--vw-min) * 100vw), 208px);
	justify-content: center;
	font-family: var(--font-en);
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 700;
	padding-right: min(calc(56 / var(--vw-min) * 100vw), 56px);
	padding-left: min(calc(56 / var(--vw-min) * 100vw), 56px);
}

@media screen and (max-width:768px){
	.newsLists:before,
	.newsList:before{
		right: calc(48 / var(--vw-min) * 100vw);
	}
	.newsLists:after,
	.newsList:after{
		width: calc(36 / var(--vw-min) * 100vw);
		height: calc(36 / var(--vw-min) * 100vw);
	}
	.newsLists:after{
		top: calc(-16 / var(--vw-min) * 100vw);
	}
	.newsList:after{
		bottom: calc(-16 / var(--vw-min) * 100vw);
	}
	.newsList__link{
		padding: calc(32 / var(--vw-min) * 100vw) calc(32 / var(--vw-min) * 100vw);
		flex-direction: column;
		align-items: flex-start;
	}
	.newsList__date{
		font-size: calc(32 / var(--vw-min) * 100vw);
		padding-right: 0;
		padding-bottom: calc(8 / var(--vw-min) * 100vw);
	}
	.newsList__title{
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.news__linkBox{
		margin-top: calc(80 / var(--vw-min) * 100vw);
	}
	.news__linkBox .linkBox__link{
		font-size: calc(32 / var(--vw-min) * 100vw);
		min-width: calc(424 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.newsList__title > span{
		background: linear-gradient(#86531f, #86531f) right bottom / 0 2px no-repeat;
		transition: background-size 0.8s;
	}
	.newsList__link:hover .newsList__title > span{
		background-size: 100% 2px;
		background-position: left bottom;
	}
}



/**
* wp-pageNavi
**/
.wp-pageNaviWrap{
	margin-top: min(calc(88 / var(--vw-min) * 100vw), calc(88px * var(--max-percent)));
	display: flex;
	justify-content: center;
}
.wp-pagenavi{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 min(calc(56 / var(--vw-min) * 100vw), 56px);
	position: relative;
	gap: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
.wp-pagenavi > .current,
.wp-pagenavi > .page{
	display: flex;
	justify-content: center;
	align-items: center;
	width: min(calc(56 / var(--vw-min) * 100vw), 56px);
	height: min(calc(56 / var(--vw-min) * 100vw), 56px);
	position: relative;
	font-family: var(--font-en);
	font-weight: 700;
	line-height: 1;
	color: #916e49;
	text-decoration: none;
}
.wp-pagenavi > .current:before,
.wp-pagenavi > .page:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	mask-image: url(../img/common/btn_mask-r.svg), linear-gradient(90deg, transparent 0px, transparent min(calc(7 / var(--vw-min) * 100vw), 7px), #000 min(calc(7 / var(--vw-min) * 100vw), 7px), #000 calc(100% - min(calc(7 / var(--vw-min) * 100vw), 7px)), transparent calc(100% - min(calc(8 / var(--vw-min) * 100vw), 8px)), transparent 100%), url(../img/common/btn_mask-l.svg);
	mask-size: min(calc(8 / var(--vw-min) * 100vw), 8px) 100%, 100% 100%, min(calc(8 / var(--vw-min) * 100vw), 8px) 100%;
	mask-position: right center, center, left center;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../img/common/btn_mask-r.svg), linear-gradient(90deg, transparent 0px, transparent min(calc(6 / var(--vw-min) * 100vw), 6px), #000 min(calc(7 / var(--vw-min) * 100vw), 7px), #000 calc(100% - min(calc(6 / var(--vw-min) * 100vw), 6px)), transparent calc(100% - min(calc(8 / var(--vw-min) * 100vw), 8px)), transparent 100%), url(../img/common/btn_mask-l.svg);
	-webkit-mask-size: min(calc(8 / var(--vw-min) * 100vw), 8px) 100%, 100% 100%, min(calc(8 / var(--vw-min) * 100vw), 8px) 100%;
	-webkit-mask-position: right center, center, left center;
	-webkit-mask-repeat: no-repeat;
	background: linear-gradient(-135deg, #513111 0%, #a1784e 100%);
}
.wp-pagenavi > .page:before{
	opacity: 0;
}
.wp-pagenavi .page_no{
	display: inline-block;
	position: relative;
}
.wp-pagenavi > .current{
	color: #FFF;
}

.wp-pagenavi > .previouspostslink,
.wp-pagenavi > .nextpostslink{
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height: min(calc(32 / var(--vw-min) * 100vw), 32px);
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	margin: auto 0;
}
.wp-pagenavi > .previouspostslink:before,
.wp-pagenavi > .nextpostslink:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: min(calc(12 / var(--vw-min) * 100vw), 12px);
	height: min(calc(12 / var(--vw-min) * 100vw), 12px);
	background: linear-gradient(-135deg, #513111 0%, #a1784e 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
}
.wp-pagenavi > .previouspostslink{
	left: 0;
}
.wp-pagenavi > .previouspostslink::before{
	-webkit-mask-image: url(../img/common/arrow_l.svg);
	mask-image: url(../img/common/arrow_l.svg);
}
.wp-pagenavi > .nextpostslink{
	right: 0;
}
.wp-pagenavi > .nextpostslink::before{
	-webkit-mask-image: url(../img/common/arrow_r.svg);
	mask-image: url(../img/common/arrow_r.svg);
}

@media screen and (hover:hover) and (pointer: fine){
	.wp-pagenavi > a.page:before{
		transform: scale(70%);
		transition: opacity .3s ease, transform .3s ease;
	}
	.wp-pagenavi > .page:hover::before{
		opacity: 40%;
		transform: scale(90%);
	}

	.wp-pagenavi > .previouspostslink:before,
	.wp-pagenavi > .nextpostslink:before{
		transition: transform .3s ease;
	}
	.wp-pagenavi > .previouspostslink:hover::before{
		transform: translateX(-33%) scale(110%);
	}
	.wp-pagenavi > .nextpostslink:hover::before{
		transform: translateX(33%) scale(110%);
	}
}

@media screen and (max-width:768px){
	.wp-pageNaviWrap{
		width: calc(100% + calc(16 / var(--vw-min) * 100vw));
		margin-left: min(calc(-8 / var(--vw-min) * 100vw), -8px);
		margin-top: calc(88 / var(--vw-min) * 100vw);
	}
	.wp-pagenavi{
		padding: 0 calc(66 / var(--vw-min) * 100vw);
		gap: calc(8 / var(--vw-min) * 100vw);
	}
	.wp-pagenavi > .current,
	.wp-pagenavi > .page{
		width: calc(100 / var(--vw-min) * 100vw);
		height: calc(100 / var(--vw-min) * 100vw);
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
	.wp-pagenavi > .current:before,
	.wp-pagenavi > .page:before{
		mask-image: url(../img/common/btn_mask-r.svg), linear-gradient(90deg, transparent 0px, transparent calc(12 / var(--vw-min) * 100vw), #000 calc(12 / var(--vw-min) * 100vw), #000 calc(100% - (12 / var(--vw-min) * 100vw)), transparent calc(100% - (12 / var(--vw-min) * 100vw)), transparent 100%), url(../img/common/btn_mask-l.svg);
		mask-size: calc(13 / var(--vw-min) * 100vw) 100%, 100% 100%, calc(13 / var(--vw-min) * 100vw) 100%;
		-webkit-mask-image: url(../img/common/btn_mask-r.svg), linear-gradient(90deg, transparent 0px, transparent calc(12 / var(--vw-min) * 100vw), #000 calc(12 / var(--vw-min) * 100vw), #000 calc(100% - (13 / var(--vw-min) * 100vw)), transparent calc(100% - (13 / var(--vw-min) * 100vw)), transparent 100%), url(../img/common/btn_mask-l.svg);
		-webkit-mask-size: calc(13 / var(--vw-min) * 100vw) 100%, 100% 100%, calc(13 / var(--vw-min) * 100vw) 100%;
	}
	.wp-pagenavi > .previouspostslink,
	.wp-pagenavi > .nextpostslink{
		width: calc(56 / var(--vw-min) * 100vw);
		height: calc(56 / var(--vw-min) * 100vw);
	}
	.wp-pagenavi > .previouspostslink:before,
	.wp-pagenavi > .nextpostslink:before{
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
	}
}


/** ANIMATION **/
.newsLists:before,
.newsList:before{
	right: 100%;
	transition: right .4s ease;
}
.newsLists:after,
.newsList:after{
	opacity: 0;
	transform: scale(20%) rotate(45deg);
	transition: transform .4s ease, opacity .3s ease;
}
.--is-ani .newsLists:before,
.--is-ani .newsList:before{
	right: min(calc(32 / var(--vw-min) * 100vw), 32px);
	transition-delay: .2s;
}
.--is-ani .newsLists:after,
.--is-ani .newsList:after{
	opacity: 1;
	transform: scale(100%) rotate(0deg);
	transition-delay: .4s;
}
.newsList__link{
	opacity: 0;
	transform: scale(95%);
	transition: opacity .3s ease, transform .3s ease;
}
.c-news:not(.--is-ani) .newsList__link{
	pointer-events: none;
}
.--is-ani .newsList__link{
	opacity: 1;
	transform: scale(100%);
	transition-delay: .6s;
}
.news__linkBox,
.wp-pageNaviWrap{
	opacity: 0;
	transform: translateY(25%);
	transition: opacity .3s ease, transform .3s ease;
}
.c-news:not(.--is-ani) .news__linkBox > .linkBox__link{
	pointer-events: none;
}
.--is-ani .wp-pageNaviWrap,
.--is-ani .news__linkBox{
	opacity: 1;
	transform: translateY(0%);
	transition-delay: .8s;
}



/*-----------------------------------------------
 * NEWS - ARTICLE
-------------------------------------------------*/
.p-articleCont{
	width: 100%;
	position: relative;
	padding: min(calc(96 / var(--vw-min) * 100vw), calc(96px * var(--max-percent))) min(calc(120 / var(--vw-min) * 100vw), calc(120px * var(--max-percent)));
	background-color: #fff;
}

.p-articleCont__In{
	position: relative;
	z-index: 1;
}
.p-articleCont__title{
	position: relative;
	display: flex;
	flex-direction: column;
	line-height: 1;
	padding-bottom: min(calc(26 / var(--vw-min) * 100vw), 26px);
	margin-bottom: min(calc(42 / var(--vw-min) * 100vw), 42px);
}
.p-articleCont__title--title{
	order: 1;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	line-height: 1.5;
	font-weight: 700;
	color: #000;
}
.p-articleCont__title--time{
	display: block;
	font-family: var(--font-en);
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 700;
	color: #916e49;
	margin-bottom: min(calc(14 / var(--vw-min) * 100vw), 14px);
}
.p-articleCont__title:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height: 2px;
	background-image: linear-gradient(90deg, #86531f 0px, #86531f 2px, transparent 2px, transparent 4px);
	background-repeat: repeat;
	background-size: 4px 100%;
}
.p-articleCont__title:after{
	content: '';
	position: absolute;
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	right: 0;
	bottom: max(calc(-9 / var(--vw-min) * 100vw), -9px);
	-webkit-mask: url(../img/common/deco_star.svg) no-repeat center right / contain;
	mask: url(../img/common/deco_star.svg) no-repeat center right / contain;
	background-color: #86531f;
}

@media screen and (max-width:768px){
	.p-articleCont{
		padding: calc(80 / var(--vw-min) * 100vw) calc(32 / var(--vw-min) * 100vw);
	}
	.p-articleCont__title{
		padding-bottom: calc(32 / var(--vw-min) * 100vw);
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}
	.p-articleCont__title--title{
		font-size: calc(36 / var(--vw-min) * 100vw);
	}
	.p-articleCont__title--time{
		font-size: calc(32 / var(--vw-min) * 100vw);
		margin-bottom: calc(20 / var(--vw-min) * 100vw);
	}
	.p-articleCont__title:before{
		right: calc(48 / var(--vw-min) * 100vw);
	}
	.p-articleCont__title:after{
		width: calc(36 / var(--vw-min) * 100vw);
		height: calc(36 / var(--vw-min) * 100vw);
		bottom: calc(-16 / var(--vw-min) * 100vw);
	}
}


.p-articleCont__InCont{
	width: 100%;
	position: relative;
	word-break: break-all;
	color: #000;
	font-weight: 600;
	line-height: 1.625;
}
@media screen and (max-width:768px){
	.p-articleCont__InCont{
		font-size: calc(28 / var(--vw-min) * 100vw);
		line-height: 1.6;
	}
}



/* htag */
.p-articleCont__InCont h1,
.p-articleCont__InCont h2,
.p-articleCont__InCont h3{
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
	padding-left: min(calc(12 / var(--vw-min) * 100vw), 12px);
	font-size: 125%;
	position: relative;
	color: #916e49;
	font-weight: 700;
}
.p-articleCont__InCont h1:before,
.p-articleCont__InCont h2:before,
.p-articleCont__InCont h3:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: clamp(1px, calc(2 / var(--vw-min) * 100vw), 2px);
	background-color: #916e49;
}
.p-articleCont__InCont h1 .htag_txt,
.p-articleCont__InCont h2 .htag_txt,
.p-articleCont__InCont h3 .htag_txt{
	position: relative;
}
.p-articleCont__InCont h4,
.p-articleCont__InCont h5,
.p-articleCont__InCont h6{
	font-size: 112.5%;
	font-weight: 700;
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.p-articleCont__InCont h4 .htag_txt,
.p-articleCont__InCont h5 .htag_txt,
.p-articleCont__InCont h6 .htag_txt{
	/* display: inline-block; */
	/* position: relative; */
	background: linear-gradient(180deg, transparent 0%, transparent 60%, rgba(145, 110, 73, 20%) 60%, rgba(145, 110, 73, 20%) 100%);
}

/* pre */
.p-articleCont__InCont pre{
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
	text-wrap: wrap;
}

/* p */
.p-articleCont__InCont p {
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.p-articleCont__InCont p.aligncenter{
	text-align: center;
}
.p-articleCont__InCont p.alignright{
	text-align: right;
}


/* a */
.p-articleCont__InCont a {
	color: var(--color-sub);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 6px;
	transition: .3s ease;
}
.p-articleCont__InCont 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/arrow_r.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_r.svg) no-repeat center / contain;
	background-color: var(--color-sub);
	transition: .3s ease;
}
.p-articleCont__InCont a:hover{
	color: var(--color-main);
}
.p-articleCont__InCont a[target="_blank"]:hover::after{
	background-color: var(--color-main);
}


/* img */
.p-articleCont__InCont img {
	height: auto!important;
	max-width: 100%;
}
.p-articleCont__InCont img.aligncenter{
	display: block;
	margin: 0 auto;
}
.p-articleCont__InCont img.alignright{
	display: block;
	margin-left: auto;
}


/* youtube */
.youtubeWrap{
	max-width: 100%;
	margin: 0 auto;
}
.youtubeInWrap{
	display: block;
	width: 100%;
	position: relative;
	padding-top: 56.25%;
	margin: auto;
}
.youtubeWrap iframe[src*="youtube"]{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 767px){
	.p-articleCont__InCont h1,
	.p-articleCont__InCont h2,
	.p-articleCont__InCont h3{
		margin-top: calc(40 / var(--vw-min) * 100vw);
		padding-left: calc(24 / var(--vw-min) * 100vw);
	}
	.p-articleCont__InCont h1:before,
	.p-articleCont__InCont h2:before,
	.p-articleCont__InCont h3:before{
		width: max(calc(4 / var(--vw-min) * 100vw), 2px);
	}
	.p-articleCont__InCont h4,
	.p-articleCont__InCont h5,
	.p-articleCont__InCont h6{
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
	.p-articleCont__InCont pre,
	.p-articleCont__InCont p {
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
	.p-articleCont__InCont a {
		text-underline-offset: calc(8 / var(--vw-min) * 100vw);
	}
}



/**
* Bg
**/
.p-articleCont__Bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../img/common/article_frame-side_lt.png), url(../img/common/article_frame-side_rt.png), url(../img/common/article_frame-side_rb.png), url(../img/common/article_frame-side_lb.png);
	background-repeat: no-repeat;
	background-position: left top, right top, right bottom, left bottom;
	background-size: min(calc(30 / var(--vw-min) * 100vw), calc(30px * var(--max-percent))) min(calc(30 / var(--vw-min) * 100vw), calc(30px * var(--max-percent)));
}
.p-articleCont__Bg:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: min(calc(29 / var(--vw-min) * 100vw), calc(29px * var(--max-percent)));
	right: min(calc(29 / var(--vw-min) * 100vw), calc(29px * var(--max-percent)));
	background-image: url(../img/common/article_frame-line_t.png), url(../img/common/article_frame-line_b.png);
	background-repeat: repeat-x;
	background-position: center top, center bottom;
	background-size: min(calc(30 / var(--vw-min) * 100vw), calc(30px * var(--max-percent))) min(calc(30 / var(--vw-min) * 100vw), calc(30px * var(--max-percent)));
}
.p-articleCont__Bg:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: min(calc(29 / var(--vw-min) * 100vw), calc(29px * var(--max-percent)));
	bottom: min(calc(29 / var(--vw-min) * 100vw), calc(29px * var(--max-percent)));
	background-image: url(../img/common/article_frame-line_l.png), url(../img/common/article_frame-line_r.png);
	background-repeat: repeat-y;
	background-position: left center, right center;
	background-size: min(calc(30 / var(--vw-min) * 100vw), calc(30px * var(--max-percent))) min(calc(30 / var(--vw-min) * 100vw), calc(30px * var(--max-percent)));
}

@media screen and (max-width:768px){
	.p-articleCont__Bg{
		background-size: calc(30 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw);
	}
	.p-articleCont__Bg:before{
		left: calc(29 / var(--vw-min) * 100vw);
		right: calc(29 / var(--vw-min) * 100vw);
		background-size: calc(30 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw);
	}
	.p-articleCont__Bg:after{
		top: calc(29 / var(--vw-min) * 100vw);
		bottom: calc(29 / var(--vw-min) * 100vw);
		background-size: calc(30 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw);
	}
}

.p-articleCont hr{
	margin: 2em 0;
	color: #916e49;
	border-color: #916e49;
	border-width: 1px;
}


.borderContent{
	padding: 2em;
	margin: 2em 0;
	border: 2px solid #916e49;
}
.borderContent > h4,
.borderContent__flexCont > h4{
	margin-top: 0;
}
.borderContent.-flex{
	display: flex;
}
@media screen and (min-width:769px){
	.borderContent__flexCont.-w20{
		width: 20%;
	}
	.borderContent__flexCont.-w30{
		width: 30%;
	}
	.borderContent__flexCont.-w40{
		width: 40%;
	}
	.borderContent__flexCont.-w50{
		width: 50%;
	}
	.borderContent__flexCont.-w60{
		width: 60%;
	}
	.borderContent__flexCont.-w70{
		width: 70%;
	}
	.borderContent__flexCont.-w80{
		width: 80%;
	}
	.borderContent__flexCont:not(:first-child){
		padding-left: 2em;
	}
}
@media screen and (max-width:768px){
	.borderContent{
		padding: 2em;
		margin: 2em 0;
		border: 2px solid #916e49;
	}
	.borderContent.-flex{
		flex-direction: column;
	}
	.borderContent__flexCont:not(:first-child){
		padding-top: 2em;
	}
}


/**
* ANIMATION
**/
.p-articleCont{
	transform: scale(98%);
	opacity: 0;
	transition: opacity .3s ease, transform .4s ease;
}
.p-articleCont__title--title{
	opacity: 0;
	transform: translateY(-0.5em);
	transition: opacity .3s ease, transform .3s ease;
}
.p-articleCont__title--time{
	opacity: 0;
	transform: translateY(1em);
	transition: opacity .3s ease, transform .3s ease;
}
.p-articleCont__InCont{
	opacity: 0;
	transition: opacity .3s ease;
}
.--is-ani .p-articleCont{
	transition-delay: .2s;
	opacity: 1;
	transform: scale(100%);
}
.--is-ani .p-articleCont__title--title,
.--is-ani .p-articleCont__title--time{
	opacity: 1;
	transform: translateY(0em);
	transition-delay: .4s;
}
.--is-ani .p-articleCont__InCont{
	opacity: 1;
	transition-delay: .45s;
}