@charset "UTF-8";
#header {background-color: rgba(255,255,255,1);}
#page_header{background-image: url("../img/header_img_pc.webp");}

.text{display: inline-block;color: #000000;}
.post_date{color:#000000;width: 13em; margin-right: 2em;}
.news_item{border-bottom: dotted 1px #666666;line-height: 1.4em;padding-bottom: 1em; margin-bottom: 1em;}
.arrow{
	display: block;position: relative;
  color: #000000;
  width:94%;
  padding: 10px 30px 10px;
}

.arrow::after {
	position: absolute;
	right:1em;
  content: url("../img/arrow_mark.svg");
	width: 30px;
	top: 50%;
	transform: translateY(-50%);
	padding-top: 1%;
}


.news_content{width: 90%; margin: 0 auto;padding-bottom: 0.4em;line-height: 1.8em;}
.news_content p.text{display: inline-block;color: #000000;}
h2.title_h2{font-size: 1.8em;border-bottom: solid 2px #000000;padding-bottom: 0.4em;margin-bottom: 1em;}
.text_r{display: block; text-align: right;}
.border_top{border-top: solid 2px #000000;padding-top: 1em;}
.w90per{width: 90%; margin: 1em auto;}
.prev{float:left;}.next{float:right;}
.more_btn{display: block;width: 46%;margin: 2em auto;}
.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

/* -----------------------------
   レスポンシブ対応
----------------------------- */
@media screen and (max-width: 768px) {
  .sub-title {
    font-size: 0.85rem;
    letter-spacing: 0.2em;
  }

  .main-title {
    font-size: 1.8rem;
    white-space: normal; /* スマホでは折り返す */
  }

  .divider {
    height: 40px;
  }
}

@media screen and (max-width: 480px) {
  .sub-title {
    font-size: 0.85rem;
  }

  .main-title {
    font-size: 1.6rem;
  }

  .divider {
    height: 30px;
  }
}

/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.webp");}

.arrow{
	display: block;position: relative;
  color: #000000;
  width:94%;
  padding: 10px 10px;
}


.news_content{width: 100%; margin: 0 auto;padding-bottom: 0.4em;line-height: 1.8em;}
.border_top{border-top: solid 1px #000000;padding-top: 1em;}
.w90per{width: 100%; margin: 1em auto;}
h2.title_h2{font-size: 1.4em;border-bottom: solid 1px #000000;padding-bottom: 0.4em;margin-bottom: 1em;}
.more_btn{display: block;width: 80%;margin: 2em auto;}
}