@charset "utf-8";
/* News CSS  */
.title_bg {
background-image: url("../img/news/title_bg.png");
height: 550px;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.title_bg::before {
content: "";
width: 100%;
height: 550px;
background: url("../img/news/bg_bullet.png") left top repeat;
position: absolute;
left: 0;
top: 0;
}
.header_logo {
max-width: 270px;
height: auto;
position: relative;
z-index: 10;
padding: 20px 0 0 20px;
filter: drop-shadow(2px 2px 2px #000);
}
.title_bg_inner {
max-width: 1260px;
margin: 0 auto;
position: relative;
}
.title_box {
position: absolute;
text-align: center;
top: 160px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.title_box h2 {
font-size: 7.0rem;
font-family: "Zen Antique Soft", "Noto Serif JP", "游明朝", "游明朝体", "YuMincho", "Hiragino Mincho Pro", serif;
font-weight: 400;
color: #fff;
letter-spacing: 0.4em;
line-height: 100%;
margin-bottom: 20px;
}
.title_box .subTitle {
font-size: 2.0rem;
font-weight: 700;
color: #fff;
letter-spacing: 0.3em;
}
.pankuzu {
max-width: 980px;
margin: 0 auto;
padding-top: 15px;
display: flex;
}
.pHome,
.p01{
margin-right: 10px;
}
.pHome a {
font-family: 'Fjalla One', sans-serif;
text-decoration: none;
font-size: 1.2rem;
color: #111;
letter-spacing: 0.1em;
}
.pHome a:hover {
color: #B51319;
text-decoration: underline;
}
.p02 {
font-size: 1.2rem;
padding-top: 2px;
padding-right: 10px;
}
.p02 a {
text-decoration: none;
color: #111;
}
.p02 a:hover {
text-decoration: underline;
color:#B51319 ;
}

.news_box {
width: 100%;
padding: 25px 20px 25px 20px;
border-bottom: solid 1px #E5E5E5;
display: flex;
align-items: center;
}
.news_box:first-child {
border-top: solid 1px #E5E5E5;
}
.news_box .date {
max-width: 90px;
width: 100%;
font-family: ff-zwo-web-pro, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.6rem;
line-height: 100%;
display: block;
margin-right: 50px;
}
.new_icon {
font-family: 'Barlow', sans-serif;
font-weight: 400;
font-size: 1.0rem;
width: 48px;
padding: 5px 5px 4px;
color: #fff;
background-color: #000;
margin-left: 10px;
line-height: 100%;
text-align: center;
display: block;
}
.news_title a {
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.2em;
max-width: 890px;
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.news_title a:hover {
color: #222;
text-decoration: underline;
}

@media all and (max-width : 1024px) {
.box {
padding: 50px 20px 60px;
}
.pankuzu { 
padding-left: 20px;
}
}


@media screen and (min-width:768px) and ( max-width:1024px) {

.news_box .date {
font-size: 1.2rem;
margin-right: 20px;
}
.news_title a {
max-width: 650px;
}

}

@media all and (max-width : 767px) {
.box {
padding: 30px 20px 50px;
}

.title_bg {
background: url("../img/news/title_bg_sp.png");
height: 175px;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.title_bg::before {
height: 175px;
}
.header_logo {
max-width: 250px;
margin: 0 auto;
padding: 10px 0 0 0px;
filter: drop-shadow(2px 2px 2px #000);
}
.title_box {
top: 20px;
}
.title_box h2 {
font-size: 2.4rem;
letter-spacing: 0.3em;
margin-bottom: 10px;
}
.title_box .subTitle {
font-size: 1.0rem;
letter-spacing: 0.2em;
}
.pankuzu {
display: none;
}
.news_box {
padding: 15px 15px 15px 10px;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.news_box .date {
font-size: 1.1rem;
margin-right: 0px;
margin-bottom: 5px;
}
.news_title a {
font-size: 1.2rem;
margin-bottom: 5px;
}
}



/* ニュース詳細 */
.page_news_dtl .box p {
line-height: 200%;
font-size: 1.5rem;
display: block;
padding: 0px 10px 20px 0;
}
.page_news_dtl .box .date02 {
font-family: 'Barlow', sans-serif;
font-weight: 400;
color : #1F1F1F;
font-size: 1.3rem;
padding: 0px;
margin-bottom: 15px;
line-height: 100%;
}

.page_news_dtl .news_dtl_title {
font-weight: 700;
font-size: 2.0rem;
line-height: 100%;
padding-bottom: 18px;
border-bottom: solid 1px #ddd;
margin-bottom: 30px;
}

@media all and (max-width : 896px) {
.page_news_dtl .box_s {
margin-bottom: 50px;
}
}
.page_news_dtl .box_s img {
max-width: 980px;
width: 100%;
height: auto;
margin: 20px auto;
}

.btn.width {
 width: 400px;
	margin: 50px auto 50px;
}


@media all and (max-width : 767px) {
.page_news_dtl .box p {
font-size: 1.2rem;
padding: 0px 10px 20px 0;
}
.page_news_dtl .date02 {
font-size: 1.0rem;
margin-bottom: 5px;
}
.page_news_dtl .news_dtl_title {
font-size: 1.4rem;
line-height: 160%;
padding-bottom: 15px;
margin-bottom: 20px;
}
.page_news_dtl .box_s {
margin-bottom: 20px;
}
.btn.width {
width: 300px;
margin: 20px auto 20px;
}
}


.pager .wp-pagenavi { text-align: center; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 42px; font-family: Arial, Helvetica, sans-serif; }
.pager .wp-pagenavi ul { display: flex; }
.pager .wp-pagenavi a { color: #999; padding: 8px 12px; margin: 0px 3px; border: solid 1px #D6D6D6; text-decoration: none; }
.pager .wp-pagenavi a:hover { color: #fff; background-color: #111; }
.pager .wp-pagenavi span { color: #999; padding: 0px 0px; margin: 0px 0px; }
.pager .wp-pagenavi span.current { color: #fff; background-color: #111; border: solid 1px #111; padding: 8px 12px; margin: 0px 3px; }
.pager .wp-pagenavi a,
.pager .wp-pagenavi span { display: inline; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }