/*==================================
		news / index
==================================*/
/*========== body ==========*/
body {
	background: url(../../img/news/news.jpg) no-repeat center 0;
	background-size: contain;	
}

/*========== mainWrap ==========*/
#news01 #newsLi li {
    padding: 1.0rem;
}

#news01 #newsLi li + li {
	border-top: 1px solid #dddddd;
}

#news01 #pager {
	margin: 1.0rem 0 0 0;
	justify-content: center;
}

#news01 #pager li {
	margin: 0 0.25rem;
	white-space: nowrap;
}

#news01 #pager li span,
#news01 #pager li a {
	width: 2.0rem;
	height: 2.0rem;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	line-height: 2.0;
}

#news01 #pager li span {
	color: #ffffff;
}

#news02 .flex > div:nth-child(1) {
	margin: 0 3%;
	line-height: 1.6;
	text-align: justify;
}

#news02 .flex div:nth-child(1) a {
	display: inline-block;
	margin: 0.5rem 0;
}

#news02 .flex div a + p {
	width: 100%;
	max-width: 250px;
	margin: 0 0 1.0rem 0;
	font-size: 75%;
	color: #999999;
}

#news02 .contentsInner span {
	display: inline-block;
	margin: 1.0rem 0 0 0;
	color: #999999;
	font-size: 75%;
}

@media screen and (max-width: 480px){
#news02 .paragraph {
	flex-direction: column;
}

#news02 .flex div:nth-child(2) {
	margin: 1.0rem 0 0 0;
	text-align: center;
}

#news02 .flex div:nth-child(2) p {
	margin: 0 auto 1.0rem;
}

#news02 .flex div a + p {
	text-align: center;
}

.paragraph img {
	max-width: 100%;
}
}

/*= ver.purple =*/
.purple #news01 #pager li a:hover {
	color: #ae1c87;
}

.purple #news01 #pager li span {
	background: #ae1c87;
}

/* h1 */
.inner #contents #news02 h1 {
	margin: 0 0 2.0rem 0;
	padding: 0.5vw 0 1.5vw 3.5vw;
	font-size: 2.0vw;
	text-shadow: 2px 2px 0 #ffffff;
}

.inner #contents #news02 h2 {
	margin: 3.0rem 0 1.0rem 0;
	padding: 0.5vw 0 0.5vw 1.5rem;
	text-shadow: 2px 2px 0 #ffffff;
	font-size: 100%;
}

.inner.purple #contents #news02 h1 {
	background: url(../../img/common/h2_bg_p.png) no-repeat 0 0;
	background-size: contain;
}

.inner.purple #contents #news02 h2 {
	background: url(../../img/common/h3_bg_p.png) no-repeat 0 center;
	background-size: auto;
}

.inner #contents h3 {
	margin: 1.0rem 0 1.0rem 0;
}


@media screen and (max-width: 768px){
.inner #contents #news02 h1 {
    padding: 0.5vw 0 1.5vw 4.0vw;
	font-size: 2.75vw;
}
.inner #contents #news02 h2 {
	padding: 0.5vw 0 1.5vw 3.5vw;
	font-size: 2.0vw;
}
}

@media screen and (max-width: 480px){
.inner #contents #news02 h1 {
	margin: 0 0 1.0rem 0;
    padding: 1.0vw 0 2.0vw 7.5vw;
	font-size: 5.0vw;
}

.inner #contents #news02 h2 {
	margin: 2.0rem 0 1.0rem 0;
	padding: 0.5vw 0 0.5vw 1.5rem;
	font-size: 100%;
}
}

.navBtn {
	margin-top: 2.0rem;
}

.navBtn > div {
	margin: 0!important;
	line-height: 1.6;
	position: relative;
}

.navBtn a {
	margin: 0!important;
	text-shadow: 2px 2px 0 #ffffff;
	cursor: pointer;
	font-family: 'Kosugi Maru', sans-serif;
}

.prevArticle {
	padding-left: 2.0rem;
	background: url(../../img/common/i_arrow_prev.svg) left center no-repeat;
}

.nextArticle {
	padding-right: 2.0rem;
	background: url(../../img/common/i_arrow_next.svg) right center no-repeat;
}