/*-------------------------------------------------
	header
--------------------------------------------------*/
.second{ background: rgba( 0,0,0,8);  transition: 0.3s;}

/*-------------------------------------------------
  news
--------------------------------------------------*/
.news{ text-align: center; background-color: #f2f2f2; }

.news a{ text-decoration: none; color: #000; }
/*
.news h2{font-size: 90px; line-height: 1; font-family: 'Wallpoet', cursive; }
.news h2 small{font-family: 'Meiryo'; font-weight: 700; font-size: 20px; display: block; margin-top: 0px; font-family:'メイリオ', 'Meiryo', sans-serif;}
*/
.news .inner {display: flex;flex-wrap: wrap; margin: 60px auto 0; width: 90%; max-width: 1200px; }
.news .inner .items{ margin:0 1.5% 40px; width: 30%; }
.news .inner .items a { display: block;}
.news .inner .items a .img_box{ overflow: hidden; }
.news .inner .items a .img_box img {width: 100%; height: auto; transition: .8s;}
.news .inner .items a:hover .img_box img {transform: scale(1.08);}
.news .inner .items a:hover .txt_box .title{ text-decoration: underline;}
#news.news .inner .items:nth-child(4){ display: none; }
.news .inner .items a .txt_box {text-align: left;}
.news .inner .items a .txt_box .data {display: flex; margin: 18px 0 0 -4px; }
.news .inner .items a .txt_box .data .cate {font-size: 13px;margin-right: 22px;background-color: #dcff00; width: auto;text-align: center;color: #000;pointer-events: none; padding: 0.5px 10px; }
.news .inner .items a .txt_box .data .date {font-size: 13px; }
.news .inner .items a .txt_box .title{margin-top: 10px;font-size: 16px;line-height: 1.7;}
.news .inner .items a .txt_box .data .date,
.news .inner .items a .txt_box .title{ font-family:'メイリオ', 'Meiryo', sans-serif; font-weight: bold;}
@media screen and (max-width: 1225px) {
.news .inner .items a .txt_box .data .date{ font-size: 1.06vw;}
.news .inner .items a .txt_box .data .cate{ font-size: 1.06vw;}
.news .inner .items a .txt_box .title{ font-size: 1.31vw;}
}/*--END--*/
@media screen and (max-width: 1000px) {
.news .inner { margin: 45px auto 0; width: 90%;}
.news .inner .items{ margin:0 2.5% 30px; width: 45%; }
#news.news .inner .items:nth-child(4){ display: block; }
.news .inner .items a .txt_box .data .date{ font-size: 1.8vw;}
.news .inner .items a .txt_box .data .cate{ font-size: 1.8vw;}
.news .inner .items a .txt_box .title{ font-size: 2vw;margin-bottom: 20px;}
}/*--END--*/
@media screen and (max-width: 640px) {
.news .inner .items{ margin:0 auto 30px; width: 90%; max-width: 500px; }
#news.news .inner .items:nth-child(4){ display: none; }
.news .inner .items a .txt_box .data .date{ font-size: 2.3vw;}
.news .inner .items a .txt_box .data .cate { font-size: 2.3vw;}
.news .inner .items a .txt_box .title{ font-size: 3vw;}
}/*--END--*/

/*-------------------------------------------------
  news_list
--------------------------------------------------*/
#newslist{ padding: 150px 0 80px 0; transition: 0.5s;}
@media screen and (max-width: 1200px) {
#newslist{ padding: 110px 0 80px; }
}/*END*/
@media screen and (max-width: 640px) {
#newslist{ padding: 110px 0 40px;}
}/*END*/


/* categories nav */
#newslist .news_categories{ margin-top: 50px; font-size: 17px; line-height: 1; display: inline-block;}
#newslist .news_categories a{ padding: 0 10px; overflow: hidden; position: relative; z-index: 2; display: inline-block; vertical-align: bottom;}
#newslist .news_categories a:hover{cursor: pointer; }
#newslist .news_categories a::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -100%; bottom: 0%;  background: #dcff00; z-index: -1; transition: 0.3s;}
#newslist .news_categories a:hover::before {  left: 0px; bottom: 0px;  }
#newslist .title{word-wrap: break-word;}
@media screen and ( max-width: 1200px) {
#newslist .news_categories{ margin-top: 50px; font-size: 16px; line-height: 1; display: inline-block;}
}/*END*/
@media screen and ( max-width: 850px) {
#newslist .news_categories{ margin-top: 50px; font-size: 16px;}
}/*END*/
@media screen and ( max-width: 640px) {
#newslist .news_categories{ margin-top: 50px; font-size: 2.8vw;}
}/*END*/
@media screen and ( max-width: 500px) {
#newslist .news_categories{ margin-top: 50px;  font-size: 2.8vw;}
}/*END*/
 





/*-------------------------------------------------
  ページャー
--------------------------------------------------*/
.nav-links{ margin-top: 30px; display: block !important;  text-align: center;}
.nav-links ul{ display: flex; justify-content: center;  }
.nav-links ul li { font-size: 16px; line-height: 1;}
.nav-links ul li a{ cursor: pointer;display: inline-block; padding: 17px 20px; text-decoration: none; color: #000; transition: 0.3s;}
.nav-links ul li span.current{ display: block; padding: 17px 20px; background: #000; color: #fff;}
.nav-links ul li span.dots{ display: block; padding: 17px 20px;}
.nav-links ul li a:hover{ background: #fff;}
.nav-links .prev::before{ content: '＜　'; }
.nav-links .next::after{ content: '　＞'; }
@media screen and (max-width: 640px) {
.nav-links{ margin-top: 20px;}
.nav-links ul li { font-size: 13px; }
.nav-links ul li a{ padding: 13px 10px; }
.nav-links ul li span.current{  padding: 13px 10px; }
}/*END*/

/*-------------------------------------------------
  single
--------------------------------------------------*/
#content{ background-color: #f2f2f2; padding: 100px 0 50px; width: 100%;}
@media screen and (max-width: 1200px) {
#content{ padding-top: 60px;}
}/*END*/

#content.co_news h1{ font-size: 30px; line-height: 1.4; font-weight: bold;}
#content.co_news h2{ font-size: 24px;}
#content.co_news h3{ font-size: 18px;}
#content.co_news h4{ font-size: 15px;}
#content.co_news h5{ font-size: 12px;}
#content.co_news h6 { font-size: 10px;}



/*content_inner*/
#content .content_inner{ width: 95%; max-width: 1100px;margin: 0 auto; background: #fff;}
#content .content_inner .inner{ max-width: 1000px; width: 70%; margin: 0 auto;  padding: 80px 0 ;}
@media screen and (max-width: 1200px) {
#content .content_inner .inner{ width: 85%;}
}/*--END--*/



#content .content_inner .title_n{ padding-top: 0px; }
#content .content_inner .title_n .date{ font-size: 12px; padding-bottom: 30px; color: #919191;}
#content .content_inner .news_article{line-height: 2.5; margin-bottom: 50px; width: 100%; }


.sns_share_buttons{ display: flex; justify-content: flex-end; display: flex; align-items: center; }
.sns_share_buttons p.share_sns{ font-size: 11px; line-height: 1; vertical-align: bottom; margin-right: 10px; letter-spacing: 1px; }
.sns_share_buttons a{ margin-right: 5px; display: inline-block; width: 30px; height: 30px; background-size: cover !important; text-indent: -9999px; position: relative;border-radius: 50%; background-color: #000; transition: 0.3s;}
.sns_share_buttons a.sns_fb{ background:url(../img/sns_fb.png) no-repeat center center ; position: relative; z-index: 2; background-color: #000; }
.sns_share_buttons a.sns_tw{ background:url(../img/sns_tw.png) no-repeat center center ; position: relative; z-index: 2; background-color: #000; }
.sns_share_buttons a.sns_li{ background:url(../img/sns_li.png) no-repeat center center ; position: relative; z-index: 2; background-color: #000; }
.sns_share_buttons a:hover{ opacity: 0.5;}


/* gro 20231106 追加*/
.news_article table { line-height: 1.6; }
.news_article table th{ font-weight: bold; vertical-align: top; }

.news_article table tr{ border-bottom: solid 1px #ccc;  }
.news_article table th{ padding: 15px 15px 15px 0 ; white-space: nowrap; }
.news_article table td{ padding: 15px 0; word-break: break-all; }

.news_article a{ color: #000; }
.news_article a:hover{ color: #777; }



/*-------------------------------------------------
  wp_画像位置
--------------------------------------------------*/
/* 画像を中央揃えにする */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* 画像を左寄せにする */
.alignleft {
  float: left;
  margin-right: 20px; /* 右側の空白を調整 */
  margin-bottom: 20px; /* 下側の空白を調整 */
}
/* 画像を右寄せにする */
.alignright {
  float: right;
  margin-left: 20px; /* 左側の空白を調整 */
  margin-bottom: 20px; /* 下側の空白を調整 */
}
/* フロートの解除 */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}


/*-------------------------------------------------
  txt_20240309 
--------------------------------------------------*/

.txt_20240309{word-break: break-all;}