/* CSS Document */

/* ----------------------------------------------------------------------------------------------------
*  一覧ページ
* --------------------------------------------------------------------------------------------------*/

.pageHead {
	background-image: url("../images/news/bg_pagehead.jpg");
}
@media screen and (max-width: 767px) {
	.pageHead {
		background-image: url("../images/news/bg_pagehead_sp.jpg");
	}
}

/* ------------------------------
    layout
------------------------------ */
.newsWrap {
	padding: 60px 0 85px;
	position: relative;
}
.newsIndex, .newsPost {
	width: 72%;
}
.newsNav {
	width: 20%;
}

@media screen and (max-width: 767px) {
	.newsWrap {
		padding: 23px 0;
	}
	.newsIndex, .newsNav, .newsPost {
		width: 100%;
	}
}


/* ------------------------------
    newsIndex
------------------------------ */
.newsIndex .headline {
	border-bottom: 1px solid #EEE8DE;
	font-size: 3.6rem;
	margin-bottom: 65px;
	padding-bottom: 35px;
}
.newsIndex ul li {
	border-bottom: 1px solid #EEE8DE;
	font-size: 2.6rem;
	padding: 0 0 25px 0;
}
.newsIndex ul li + li {
	margin-top: 20px;
}
.newsIndex ul li a.ttl {
	display: block;
	line-height: 1.7;
	padding: 0 100px 5px 0;
	position: relative;
	word-break: break-all;
}
.newsIndex ul li a.ttl:before, .newsIndex ul li a.ttl:after {
	background: #91802A;
	content: '';
	display: block;
	height: 1px;
	right: 20px;
	transition: 0.4s;
	position: absolute;
}
.newsIndex ul li a.ttl:before {
	bottom: 8px;
	width: 15px;
	transform: rotate(25deg);
}
.newsIndex ul li a.ttl:after {
	bottom: 5px;
	width: 42px;
}
.newsIndex ul li a.ttl:hover:before, .newsIndex ul li a.ttl:hover:after {
	right: 0;
}
.newsIndex ul li a.ttl:hover:after {
	width: 62px;
}
.newsIndex ul li .info .date {
	font-size: 1.6rem;
}
.newsIndex ul li .info .tag {
	font-size: 1.6rem;
	margin-left: 20px;
}
.newsIndex ul li .info .tag a {
	text-decoration: underline;
}
.newsIndex ul li .info .tag a:hover {
	text-decoration: none;
}
@media screen and (max-width: 1000px) {
	.newsIndex ul li a.ttl {
		font-size: 2rem;
	}
}

@media screen and (max-width: 767px) {
	.newsIndex .headline {
		font-size: 2.4rem;
		margin-bottom: 10px;
		padding-bottom: 20px;
	}
	.newsIndex ul li {
		padding-bottom: 18px;
	}
	.newsIndex ul li + li {
		margin-top: 15px;
	}
	.newsIndex ul li a.ttl {
		font-size: 1.9rem;
		padding-right: 50px;
	}
	.newsIndex ul li a.ttl:before {
		bottom: 18px;
		right: 0;
		width: 12px;
	}
	.newsIndex ul li a.ttl:after {
		bottom: 15px;
		right: 0;
		width: 31px;
	}
	.newsIndex ul li .info .date, .newsIndex ul li .info .tag {
		font-size: 1.3rem;
	}
	.newsIndex ul li .info .tag {
		margin-left: 10px;
	}
}


/* ------------------------------
    pager
------------------------------ */
.pager {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left:0;
	right: 0;
	margin: 0 auto;
}
.pager.detail{
	justify-content: space-between;
	position: static;
	margin-top: 100px;
}
.pager li + li{
	margin-left: 45px;
}
.pager a {
	display: inline-block;
	font-size: 1.6rem;
	transition: 0.3s;
}
.pager a:hover {
	color: #91802A;
	text-decoration: none;
}
.pager a.current {
	color: #91802A;
	pointer-events: none;
}
.pager li.prev a, .pager li.next a, .pager li.list a{
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	.pager {
		margin: 30px 0 0;
		position: static;
	}
	.pager li + li{
		margin-left: 35px;
	}
	.pager a {
		font-size: 1.3rem;
		text-align: center;
	}
}

/* ------------------------------
    newsNav
------------------------------ */
.newsNavTtl {
	font-size: 2.6rem;
	margin-bottom: 18px;
}

.newsNav ul:not(.select) {
	margin-bottom: 45px;
}
.newsNav ul:not(.select) li {
	margin-bottom: 8px;
}
.newsNav ul:not(.select) li a {
	line-height: 1.8;
	text-decoration: underline;
}
.newsNav ul:not(.select) li a:hover {
	text-decoration: none;
}
.newsNav ul li a {
	font-size: 1.6rem;
	word-break: break-all;
}
.newsNav .selectWrap {
	border: 1px solid #ddd;
	cursor: pointer;
	padding: 5px 18px;
	position: relative;
	max-width: 150px;
}
.ie .newsNav .selectWrap {
	padding-top: 9px;
}
.newsNav .selectWrap:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 3px 0 3px;
	border-color: #000000 transparent transparent transparent;
	position: absolute;
	right: 10px;
	top: 13px
}
.ie .newsNav .selectWrap:after {
	top: 16px;
}
.newsNav .selectWrap .show {
	font-size: 1.5rem;
}
.newsNav ul.select {
	display: none;
}
.newsNav ul.select li a {
	font-size: 1.5rem;
}
@media screen and (max-width: 1000px) {
	.newsNavTtl {
		font-size: 1.8rem;
	}
	.newsNav ul li a, .newsNav .selectWrap .show, .newsNav ul.select li a {
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 767px) {
	.newsNav {
		margin-top: 40px;
	}
	.newsNavTtl {
		font-size: 1.9rem;
		margin-bottom: 15px;
	}
	.newsNav ul:not(.select) li a {
		font-size: 1.3rem;
		line-height: 1.6;
	}
	.newsNav .spflex {
		display: flex;
		justify-content: space-between;
	}
	.newsNav .spflex .unit {
		width: 49%;
	}
	.newsNav .spflex .unit .newsNavTtl {
		margin-bottom: 6px;
	}
	.newsNav .selectWrap {
		padding: 5px 10px;
	}
	.newsNav .selectWrap .show, .newsNav ul.select li a {
		font-size: 1.3rem;
	}
}

/* ------------------------------
    詳細ページ
------------------------------ */
.newsPost .head {
	margin-bottom: 25px;
}
.newsPost .head .headline {
	font-size: 3.6rem;
	margin-bottom: 17px;
	word-break: break-all;
}
.newsPost .head .info .date {
	font-size: 1.6rem;
}
.newsPost .head .info .tag {
	font-size: 1.6rem;
	margin-left: 25px;
	text-decoration: underline;
}
.newsPost .head .info .tag:hover {
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	.newsPost .head {
		margin-bottom: 20px;
	}
	.newsPost .head .headline {
		font-size: 2.4rem;
		margin-bottom: 10px;
	}
	.newsPost .head .info .date, .newsPost .head .info .tag {
		font-size: 1.3rem;
	}
	.newsPost .head .info .tag {
		margin-left: 10px;
	}
}

/*post*/
.post p {
	font-size: 1.6rem;
	line-height: 2.1;
	margin: 0 0 40px;
	word-break: break-all;
}
.post img {
	margin-bottom: 42px;
	max-width: 100%;
	width: 100%;
	height: auto;
}
.post .wp-block-image img {
	margin-bottom: 5px;
}
.post a {
	color: #000;
	text-decoration: underline;
}
.post a:hover {
	text-decoration: none;
}
.post h1 {
	font-size: 3rem;
	font-weight: bold;
	margin: 30px 0;
}
.post h2 {
	font-size: 2.6rem;
	font-weight: bold;
	margin: 30px 0;
}
.post h3 {
	font-size: 2rem;
	font-weight: bold;
	margin: 30px 0;
}

.post ul li {
	position: relative;
	padding-left: 20px;
	margin: 0 0 10px;
}
.post ul li:before {
	content:'・';
	position: absolute;
	left: 0;
	top: 2px;
}
.ie .post ul li:before {
	top: 0;
}

.post ol {
	counter-reset: num;
	margin: 30px 0;
}
.post ol li {
	position: relative;
	padding-left: 20px;
	margin: 0 0 10px;
}
.post ol li:before {
	counter-increment: num;
	content:counter(num)'.';
	position: absolute;
	left: 0;
	top: 0px;
}

.post table {
	border-collapse: collapse;
	border: 1px solid #C8C9CA;
	margin: 60px auto;
}
.post table th, .post table td {
	border: 1px solid #C8C9CA;
	padding: 22px 20px;
}
.post table th {
	background: #F0EAE0;
	font-weight: bold;
}
.post strong {
	text-shadow: 0 0 0 #000;
}
@media screen and (max-width: 767px) {
	.post p {
		font-size: 1.4rem;
		line-height: 1.7;
	}
	.post img {
		margin-bottom: 30px;
	}
	.post a {
		font-size: 1.3rem;
	}
	.post p a {
		font-size: 1.4rem;
	}
	.post h1 {
		font-size: 2.4rem;
	}
	.post h2 {
		font-size: 2rem;
	}
	.post h3 {
		font-size: 1.8rem;
	}
	.post ul li {
		font-size: 1.3rem;
		margin-bottom: 5px;
		padding-left: 12px;
	}
	.post ol li {
		font-size: 1.3rem;
	}
	.post table th {
		width: 100px;
	}
	.post table th, .post table td {
		font-size: 1.3rem;
		padding: 15px 12px;
	}
}

.newsPost .wp-block-image {
	margin-bottom: 0;
}