@charset "UTF-8";

/*  お知らせページ  */

.SL_news-wrapper {		/* 2カラム */
  display: grid;
  /*grid-template-columns: 2fr 1fr;*/
		grid-template-columns: 1fr 300px;
  gap: 60px;
}
.SL_news-content {
  position: relative;
		flex: 1;
}
@media screen and (max-width: 1400px) {
		.SL_news-wrapper   {
 			gap: 30px;
  }
}
@media screen and (max-width: 1100px) {
		.SL_news-wrapper  {
    grid-template-columns: 1fr;
				/*gap: 40px;*/
  }
}


/* カテゴリ */
.SL_new-category {
  /*background: var(--color-card-bg);
  padding: 20px;
  border-radius: 20px;
		max-width: 300px;
		width: 100%;*/
}
.SL_new-category_inner	{
  background: var(--color-card-bg);
  padding: 20px;
  border-radius: 20px;
		/*max-width: 300px;*/
		width: 100%;
}

@media screen and (max-width: 1100px) {
.SL_new-category {
		margin-top: -40px;
}
.SL_new-category_inner {
		max-width: 100% !important;
		width: 100% !important;
}
}

.category_title {
  position: relative;
  padding: 0 0 0.85rem 0;
		color: var(--color-title);
  font-size: 1.2rem;
  margin-bottom: 15px;
		font-weight: bold;	
		display: flex;
		align-items:center;
		line-height: normal;
}

.category_title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, var(--color-text), var(--color-text) 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, var(--color-text), var(--color-text) 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen and (max-width: 480px) {
.category_title {
  font-size: 1.1rem;
		line-height: 1.2;
  margin-bottom: 10px;
}
	}


.category_list {
  list-style-type: none;
  padding: 0.3em 0.5em;
		margin-bottom: 30px;
}

.category_list li {
  display: flex;
  align-items: center;
  gap: 0 10px;
  position: relative;
  padding: .5em .3em .5em 1.7em;
		font-size: 1rem;
}

.category_list li::before,
.category_list li::after {
  position: absolute;
  content: '';
}

.category_list li::before {
  left: 0;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  background-color: var(--color-list-ya);
}

.category_list li::after {
  left: .6em;
  transform: translateX(-75%) rotate(-45deg);
  width: .3em;
  height: .3em;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}


/* タイトル（大見出し） */
.SL_section-title {
		color: var(--color-title);
  font-size: 2rem;
  margin-bottom: 15px;
  position: relative;
		font-weight: bold;	
		display: flex;
		align-items:center;
		line-height: normal;
}
@media screen and (max-width: 898px) {
.SL_section-title {
  font-size: 1.8rem;
}
}
@media screen and (max-width: 480px) {
.SL_section-title {
  font-size: 1.4rem;
  margin-bottom: 10px;
}
}


/* -------------------------------------------------

news_detailbox（詳細ページ）

------------------------------------------------- */

/* タイトル（大見出し） */
.SL_section-title_detail {
		color: var(--color-title);
  font-size: 1.6rem;
  margin-bottom: 30px;
  position: relative;
		font-weight: bold;	
		display: flex;
		flex-direction: column;
		line-height: normal;
}
.SL_section-title_detail .d_date {
  font-size: 1.2rem !important;
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
.SL_section-title_detail {
  font-size: 1.4rem;
}
}
@media screen and (max-width: 480px) {
.SL_section-title_detail {
  font-size: 1.2rem;
  margin-bottom: 20px;
}
.SL_section-title_detail .d_date {
  font-size: 1rem !important;
}
}

.news_detailbox {
  background-color: var(--color-card-bg);
  padding: 30px;
  border-radius: 20px;
}
@media screen and (max-width: 480px) {
.news_detailbox {
  background-color: var(--color-card-bg);
  padding: 24px 18px;
}
}
	
/* -------------------------------------------------

News_Detail__box

------------------------------------------------- */
.News_Detail__inner {
	margin-bottom: 50px;
}
.News_Detail__box p	{
	line-height: 2;
}
.News_Detail__box p a	{
	text-decoration: underline;
	font-weight: 500;
}
.News_Detail__box p a:hover	{
	text-decoration: none;
}
.News_Detail__inner h3	{
	color: var(--color-title);
	font-weight: 600;
	font-size:1.4rem;
	position:relative;
	margin: 0 0 15px;
 padding: 0 0 15px;
	border-bottom: 3px solid var(--color-border);
}
@media screen and (max-width: 768px) {
.News_Detail__inner h3	{
	font-size:1.2rem;
}
}
@media screen and (max-width: 480px) {
.News_Detail__inner h3	{
	font-size:1.1rem;
	border-bottom: 2px solid var(--color-border);
}
.News_Detail__box p	{
	font-size:0.9rem;
	line-height: 1.8;
}
}


/* -------------------------------------------------

News_Photo

------------------------------------------------- */
.News_Photo_one	{
	max-width: 500px;
 width: 100%;
	margin: 30px auto;
	display: flex;
	flex-direction: column;
}
.News_Photo_one > div	{
	width: 100%;
 margin:0 0 15px;
}

.News_Photo_two	{
 width: 100%;
	margin: 30px auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.News_Photo_two > div	{
	width: calc(50% - 8px);
 margin:0 15px 15px 0;
}
.News_Photo_two > div:nth-child(2n) {
 margin-right: 0;
}
.News_Photo_two > div:last-child {
 margin-right: 0;
	margin-bottom: 0;
}
.News_Photo_one > div:hover,.News_Photo_two > div:hover	{
 opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
	transition: .3s;
}
@media screen and (max-width: 768px)  {
.News_Photo_two	{
	margin: 20px auto;
}
}
@media screen and (max-width: 480px)  {
.News_Photo_two	{
	flex-flow: column wrap;
}
.News_Photo_two > div	{
	width: 100%;
 margin:0 0 15px;
}
.News_Photo_two > div:last-child	{
 margin:0;
}
}




/* -------------------------------------------------

pagination

------------------------------------------------- */
.pager {
	width: 100%;
 text-align: center;
	margin: 30px auto;
}
.pager .pagination {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.pager .pagination li {
	font-size: .9rem;
	font-weight: 400;
 margin: 0 2px;
 padding: 0;
	border: 3px solid var(--color-btn-border);
 background-color:var(--color-btn-bg);
 /*width: 200px;*/
 max-width: 200px;
 width: 100%;
 height: 50px;
 text-align: center;
 position: relative;
	border-radius: 25px;
}
.pager .pagination li.pre,
.pager .pagination li.next {
 width: 150px;
 height: 50px;
 text-align: center;
}
.pager .pagination li a {
	border-radius: 25px;
 vertical-align: middle;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 text-align: center;
 display:table;
 /*color: #333333;*/
 text-decoration: none;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all  0.3s ease;
}
.pager .pagination li a span {
 display:table-cell;
 vertical-align:middle;
}
.pager .pagination li a:hover {
 background-color: var(--color-btn-bg-hover);
}
.pager .pagination li a:hover.active {
 background-color: var(--color-btn-bg-hover);
}
.pager .pagination li a.active {
 /*color: #333333;*/
 /*background-color: #eee;*/
}
.pager .sp_back {
 display: none;
}

@media screen and (max-width: 640px) {
 .pager .pagination {
	 /*margin: 0px auto 30px;*/
	}
 .pager .pagination li {
  display: none;
 }
 .pager .pagination li.pre,
 .pager .pagination li.next {
  display: inline-block;
  width: 50%;
  height: 50px;
  text-align: center;
		/*font-size: 1.4rem;*/
 }
 .pager .pagination li.pre a,
 .pager .pagination li.next a {
  width: 100%;
  text-align: center;
 }
.pager .sp_back {
	display: block;
	width: 99.5%;
 margin: 0 auto 15px;
 padding: 0;
 background-color:var(--color-btn-bg);
	border-radius: 25px;
 height: 50px;
	font-weight: 400;
 text-align: center;
 position: relative;
}
.pager .sp_back a {
	/*font-size: 1.4rem;*/
 position: absolute;
	padding-top: 10px;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
	/*color: #333333;*/
	border: 3px solid var(--color-btn-border);
 text-align: center;
 text-decoration: none;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all  0.3s ease;
	border-radius: 25px;
}
.pager .sp_back a:hover {
 background-color: var(--color-btn-bg-hover);
}
}