@charset "UTF-8";

/*news*/


._news-footer{
    position: relative;
    padding: 0rem 0px;
    background-repeat: no-repeat;
    background-image: none;
    background-position: center top;
    /*background-size: 100% auto;*/
    background-size: cover;
    /*background-color: #A5C698;*/
}





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

.news-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px;
  box-sizing: border-box;
}

.news-category-list {
  width: 200px;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}

.news-category-item {
  padding: 10px;
  margin-bottom: 10px;
  background: hsla(0,0%,100%,0.9);
  text-align: center;
  font-weight: 700;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.3s;
    font-family: var(--base-font-family2);
    color: var(--color-03);
}

.news-category-item:hover {
    color: var(--color-01);
   background:var(--color-03);
}

.news-category-item a:hover {
    color: var(--color-01);
   background:var(--color-03);
}

.news-category-item._current {
    color: var(--color-01);
   background:var(--color-03);
}

.news-category-item._current a {
    color: var(--color-01);
   background:var(--color-03);
}

.news-card-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.news-card {
     display: block;
  width: 100%;
  padding: 20px;
  background: hsla(0,0%,100%,0.85);
 /* border: 1px solid #eee;*/
  border-radius: 4px;
  transition: background 0.3s, box-shadow 0.3s;
  cursor: pointer;
  box-sizing: border-box;
}

.news-card:hover {
 background: hsla(0,0%,100%,1);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.news-card-meta {
  display: flex;
  gap: 10px;
/*  font-size: 0.85rem;*/
  color: #888;
  margin-bottom: 4px;
  flex-wrap: wrap;
    align-items:center;
}

.news-card-date {
color: var(--color-03);
    font-family: var(--base-font-family2);
     font-size: var(--font-size-small);
}

.news-card-category {
    padding: 0px 12px;
    margin-bottom: 10px;
    background: var(--color-03);
    color: var(--color-01);
    text-align: center;
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
    font-family: var(--base-font-family2);
    font-size: var(--font-size-small2);
   /* border: 2px solid var(--color-03);*/
}


.news-card-category a {
    
      color: var(--color-01);
}



.news-card-title {
  font-size:var(--font-size-large);
  font-weight:var(--font-weight-medium);
  margin: 0;
    font-family: var(--base-font-family2);
}

.news-pagination {
  width: 100%;
  margin-top: 30px;
  text-align: center;
}


.news-text-area{
    font-weight: var(--font-weight-min);
}


.news-text-area a{
    color: var(--color-06);
}

.news-text-area a:hover {
    
      color: var(--color-03);
}


.news-page {
  display: inline-block;
    
/*    display: inline-flex; 
  align-items: center; 
  justify-content: center; */
    
  margin: 0 3px;
  padding: 0px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
     background: hsla(0,0%,100%,0.9);
  transition: background 0.3s, color 0.3s;
   	font-family: var(--title-font-family2)!important;
    /* height:40px;*/
}

.news-page:hover {
   color: var(--color-01);
   background:var(--color-03);
}

.news-page.current {
  background: #333;
  color: #fff;
  pointer-events: none;
}

.news-page.prev {
   
 

}

.news-page.prev img {
 display: block; /* ← 画像の余白を消す */
 /* height:20px; */  /* 必要に応じて高さ調整 */
  max-height: 100%; /* 親要素をはみ出さないよう制限 */
}

@media (max-width: 767px) {
  .news-container {
    flex-direction: column;
  }

  .news-category-list {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 0 20px 0;
    gap: 10px;
  }

  .news-category-item {
    flex: 1 1 calc(33.33% - 10px);
    min-width: 100px;
      max-width:calc(33.33% - 10px);
    margin: 0;
  }

  .news-card-list {
    width: 100%;
  }

  .news-pagination {
    margin-top: 20px;
  }
}
/*------------------*/


.container-news{
	margin-top: 5rem;
	min-height: 50vh;
}



.news-set{
    position: relative;
    background-color: hsla(0,0%,100%,0.9);
    line-height: var(--line-height-default);
    border: 0px solid var(--link-border-color);
    padding: 4rem;
  border-radius: 4px;
     font-family: var(--base-font-family2);
}


@media screen and (max-width: 767px) {
    
    
  .news-set{
    padding: 1rem;
   /*   background-color: hsla(0,0%,100%,0.5);*/
      border: 0px solid var(--link-border-color);
}  
    
    
}


.news-set._border{
	padding: 2rem 2rem;
	border: 1px solid var(--link-border-color);
	border-radius: 4px;
}


.news-text-item{
	position: relative;
	width: 100%;
	line-height: 1.9rem;
font-family:var(--base-font-family2);
}

.news-text-item.about{
	position: relative;
	width: 100%;
	line-height: 1.8rem;
/*font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);*/
}






.news__title{
	color: var(--color-04);
font-weight: var(--font-weight-title2);
	margin-bottom: 1.5rem;
	font-size:clamp(1.1rem, 0.955rem + 0.73vw, 1.5rem);
	text-align: left;
	line-height: 2.2rem;
	font-family: var(--title-font-family2);
}

.news__name{
	color: var(--color-04);
font-weight: var(--font-weight-title2);
	font-size:clamp(1.3rem, 1.155rem + 0.73vw, 1.7rem);
	text-align: left;
	line-height: 1.5;
	font-family: var(--title-font-family2);
}

.news__name2{
	color: var(--color-04);

	font-size:clamp(0.9rem, 0.827rem + 0.36vw, 1.1rem);
	text-align: left;
	line-height: 1.4;
	font-family: var(--title-font-family2);
}

.news__bold,
strong{
	color: var(--color-06);
	font-weight:var( --font-weight-medium);
}

.news__bold2{
	color: var(--color-06);
	font-weight:var(--font-weight-title2);
}

.news__large{
font-size:clamp(1rem, 0.964rem + 0.18vw, 1.1rem);
	/*color: hsla(0,0%,100%,1.00);*/
color: var(--title-font-color);
}

.news__large2{
font-size:var(--font-size-medium);
	/*color: hsla(0,0%,100%,1.00);*/
color: var(--color-07);
}


.news__small{
	font-weight: 500;
	font-size:clamp(0.7rem, 0.664rem + 0.18vw, 0.8rem);
	line-height: 1.5;
}

.news-set p{
	margin-bottom: 1rem;
}


p.news__margin {
	margin-bottom: 1.25rem;
}



.news__img{
	position: relative;
	width: 82%;
	margin:2rem auto;
	
	
	 display: flex;
  justify-content: center;
  align-items: center;
	
	
}

.news__img_v{
	width:70%;
	max-width:600px;
}


.news-footer__set{
	display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
 /* justify-content: space-between;*/
	justify-content: center;
	margin:4rem 0;
}

.news-footer_bt1{
	/*width:48px;*/
}

.news-footer_bt2{
	/*width:200px;*/
	margin:0 1rem;
	line-height:100px;
}

.news-footer_bt2 a{
	
}


.news__youtube{
	width: 82%;
	margin: 2rem auto;
	
}

#traileriframe{
	/*border: 1px solid #000;*/
	/*border: 1px solid hsla(178,87%,67%,0.3);*/
}


.trailer_narrow{
	max-width: 800px;
}




.news__date {
	/*font-size: clamp(0.7rem, 0.664rem + 0.18vw, 0.8rem); */
	/*margin: 0px 0px 3px;*/
	color: var(--color-03);
	/*font-family: var(--title-font-family);*/
	margin-bottom: 0.5rem;
}

.flex-news-text{
	width:70%;
}


.flex-news-img{
	width:26%;
}





.wrap-image {
    float: left;
    margin: 0 30px 0px 0;
    width: 49%;
    height: auto;
}


/*	.book-image{
		width:80%;
		margin: auto;
	}*/


@media screen and (max-width: 767px) {
	
	
	.container-news{
	margin-top: 3rem;
	min-height: 50vh;
}

	.news-set._border{
	/*padding:1rem 1rem;*/
		
	padding: 1rem 1rem;
/*	border: 0px solid hsla(0,96%,40%,0.5);	*/
}

	.news__title{
	
	margin-bottom: 1rem;
	line-height: 1.6rem;
}
	
	.news-text-item{
	line-height: 1.7rem;

}
	
	.news__img{
	position: relative;
	width:100%;
	margin:1.5rem auto;	
}
	
	.news__img_v{
	width:85%;
}
	
	
	.news-footer__set{

	margin:2rem 0;
}
	
	.news-footer_bt1{
	width:46px;
}

.news-footer_bt2{
/*	width:160px;*/
	margin:0 0.5rem;
	height: 100%;
}
	
	.news__youtube{
	width:100%;
	margin:1rem auto;
}
	
	
	.flex-news-text{
	width:100%;
}


.flex-news-img{
	width:70%;
	margin: auto;
}
	
	
	 .wrap-image {
        float: none;
        display: block;
        margin: 0 auto 15px;
        width: 100%;
    }
	
		.book-image{
		width:80%;
		margin: auto;
	}

	
}