@charset "utf-8";
.news {
	width:1000px;
	margin:0 auto;
}
.pageTitle {
	width:278px;
	height:114px;
	background:url(/camping/content/themes/ycp-v2/assets/img/news/title_bg.svg) no-repeat center top / contain;
	color:#FFF;
	font-weight:100;
	text-align:center;
	line-height:65px;
	margin:0 auto;
	font-size:20px;
	position:relative;
	margin-bottom:72px;
}
.pageTitle span {
	transform:rotate(0.05deg);
	display:inline-block;
}
.pageTitle:before {
	content:'';
	position:absolute;
	width:131px;
	height:90px;
	background:url(https://media.tenor.com/5QUEXqdHMEkAAAAi/elixir.gif) no-repeat center center / contain;
	left:50%;
	top:58px;
	margin-left:-65px;
}
.categories li a.active,
.categories li a:hover {
	background:#81cddb;
}
@media screen and (max-width:768px){
	.news {
		width:calc(100% - 5.3333vw);
	}
	.pageTitle {
		width:42.6666vw;
		height:20vw;
		background:url(https://media.tenor.com/k-PfH9O4EpcAAAAi/money-cash.gif) no-repeat right top / contain;
		text-align:center;
		line-height:20vw;
		font-size:1.2rem;
		margin-bottom:6vw;
		padding-left:17vw;
	}
	.pageTitle:before {
		width:20.6666vw;
		height:100%;
		background:url(https://media.tenor.com/Y5FOhnYHUb8AAAAi/necoarc-meltyblood.gif) no-repeat center center / contain;
		left:0;
		top:0;
		margin-left:0;
	}
}
.newsLists {
	margin-bottom:60px;
}
.newsList {
	border-bottom:1px dashed #dcdcdc;
}
.newsList a {
	display:flex;
	position:relative;
	padding:20px 65px;
	text-decoration:none;
	align-items:center;
}
.newsList a:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0;
	background:rgba(129,205,219,0.3);
	transition:all 0.3s ease;
}
.newsList a:hover:before {
	width:100%;
}
.newsList a time {
	font-size:22px;
	font-weight:100;
	line-height:1.32;
	color:#81cddb;
	width:98px;
	letter-spacing:0.05;
	position:relative;
}
.newsLists__categories {
	width:100px;
}
.newsLists__categories li {
	height:28px;
	margin:3px 0;
	font-weight:100;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#81cddb;
	color:#FFF;
	font-size:14px;
	transform:rotate(0.05deg);
	border-radius:3px;
	position:relative;
}
.newsLists__title {
	font-weight:100;
	font-size:16px;
	padding-left:25px;
	width:calc(100% - 198px);
	line-height:1.75;
	transform:rotate(0.05deg);
	position:relative;
}
.wp-pagenavi span,
.wp-pagenavi a:hover {
	background:#81cddb;
}
@media screen and (max-width:768px){
	.newsLists {
		margin-bottom:10vw;
	}
	.newsList {
		border-bottom:1px dashed #dcdcdc;
		width:calc(100% + 5.3333vw);
		margin:0 -2.6666vw;
	}
	.newsList a {
		width:100%;
		margin:0;
		padding:3vw 2.6666vw;
		flex-wrap:wrap;
	}
	.newsList a time {
		font-size:1.3rem;
		display:flex;
		align-items:center;
		line-height:1;
		width:23.7333vw;
		height:6vw;
	}
	.newsList a time br {
		display:none;
	}
	.newsLists__categories {
		width:calc(100% - 23.7333vw);
		display:flex;
	}
	.newsLists__categories li {
		height:5vw;
		line-height:5vw;
		margin:0 0.3333vw;
		transform:rotate(0.05deg);
		border-radius:3px;
		font-size:1.1rem;
		width:19vw;
	}
	.newsLists__title {
		padding-top:1vw;
		font-size:1.2rem;
		padding-left:0;
		width:100%;
	}
}
.article__head {
	border-bottom:1px dashed #dcdcdc;
	display:flex;
	position:relative;
	padding:20px 65px;
	text-decoration:none;
	align-items:center;
}
.article__head time {
	font-size:22px;
	font-weight:800;
	line-height:1.32;
	color:#81cddb;
	width:98px;
	letter-spacing:0.05;
	position:relative;
}
.article__head--categories {
	width:100px;
}
.article__head--categories li {
	height:28px;
	margin:3px 0;
	font-weight:100;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#81cddb;
	color:#FFF;
	font-size:14px;
	transform:rotate(0.05deg);
	border-radius:3px;
	position:relative;
}
.article__head--title {
	font-weight:100;
	font-size:16px;
	padding-left:25px;
	width:calc(100% - 198px);
	line-height:1.75;
	transform:rotate(0.05deg);
	position:relative;
}
.article__content {
	padding:45px 65px 65px;
	font-size:16px;
}
.article__content p {
	line-height:2.2;
	transform:rotate(0.05deg);
}
.article__content img {
	max-width:100%;
	height:auto;
	margin:20px 0;
}
.article__content a[rel~="attachment"]{
	pointer-events:none;
}
@media screen and (max-width:768px) {
	.article__head {
		border-bottom:1px dashed #dcdcdc;
		width:calc(100% + 5.3333vw);
		margin:0 -2.6666vw;
		padding:3vw 2.6666vw;
		flex-wrap:wrap;
	}
	.article__head time {
		font-size:1.35rem;
		display:flex;
		align-items:center;
		line-height:1;
		width:23.7333vw;
		height:6vw;
	}
	.article__head time br {
		display:none;
	}
	.article__head--categories {
		width:calc(100% - 23.7333vw);
		display:flex;
	}
	.article__head--categories li {
		height:5vw;
		line-height:5vw;
		margin:0 0.3333vw;
		transform:rotate(0.05deg);
		border-radius:3px;
		font-size:1.1rem;
		width:19vw;
	}
	.article__head--title {
		padding-top:1vw;
		font-size:1.35rem;
		padding-left:0;
		width:100%;
	}
	.article__content {
		padding:4vw 0 7vw;
		font-size:1.3rem;
	}
	.article__content img {
		max-width:100%;
		margin:20px 0;
	}
}