@charset "UTF-8";

/*-------------------------------
トップページ　NEWS
-------------------------------*/

.news{
margin-top: var(--con_ma_pc);
}
@media screen and (max-width: 768px) {
.news{
margin-top: var(--con_ma_sp);
}
}

.news .title{
font-size: calc(22 * var(--rem));
font-weight: 600;
margin: 40px 0 10px 0;
}
@media screen and (max-width: 768px) {
.news .title{
font-size: calc(18 * var(--rem));
}
}
.news-ahead .item{
margin-bottom: 15px;
border-bottom: 1px solid #ebebeb;
padding: 15px;
}
.news-ahead .day{
color: var(--color-green);
font-size: calc(14 * var(--rem));
}
.news-ahead p{
display: block;
color: var(--color-brown);
word-break : break-all;
word-wrap: break-word;
white-space:initial;
}

.news .bt{
text-align: center;
margin-top: 40px;
}

@media screen and (max-width: 768px) {
.news-ahead .day{
font-size: calc(12 * var(--rem));
}
}

/*-------------------------------
イベント一覧
-------------------------------*/
.schedule-list{
}

/*-------------------------------
お知らせ一覧
-------------------------------*/
.news-list{
}











/*-------------------------------
共通スタイル
-------------------------------*/

/* サムネイル画像 */
.schedule-list .thumbNailWrap .img {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 2;
  margin-bottom: 10px;
  overflow: hidden;
}
.schedule-list .thumbNailWrap .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.5s ease;
}

.schedule-list .thumbNailWrap .img img:hover {
  scale: 1.1;
}

/*カテゴリ*/
.schedule-list .thumbNailWrap .img .catName {
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  padding: 3px 5px;
  font-size: var(--s12);
  color: var(--color-white);
}

.cat-0 .catName {
  background-color: #39b34a;
}

.cat-1 .catName {
  background-color: #f9ae3b;
}

.cat-2 .catName {
  background-color: #ff7baa;
}

.cat-3 .catName {
  background-color: #d6bc4d;
}

.cat-4 .catName {
  background-color: #7ed1e8;
}

/* news */
.common-news-ahead li .newMark {
  color: #C1272D;
  display: inline-block;
  margin: 0 5px;
}

/* PDF直リンクにはアイコン */
.common-news-ahead li .title a[href$=".pdf"]::after {
  content: url(../../common/img/news/icon_pdf.gif);
  margin-left: 5px;
}

/* 画像直リンクにはアイコン */
.common-news-ahead li .title a[href$=".jpg"]::after,
.common-news-ahead li .title a[href$=".gif"]::after,
.common-news-ahead li .title a[href$=".png"]::after,
.common-news-ahead li .title a[href$=".jpeg"]::after {
  content: url(../../common/img/news/icon_img.gif);
  margin-left: 5px;
}

/* Word直リンクにはアイコン */
.common-news-ahead li .title a[href$=".doc"]::after,
.common-news-ahead li .title a[href$=".docx"]::after {
  content: url(../../common/img/news/icon_word.gif);
  margin-left: 5px;
}

/* エクセル直リンクにはアイコン */
.common-news-ahead li .title a[href$=".xlsx"]::after,
.common-news-ahead li .title a[href$=".xls"]::after {
  content: url(../../common/img/news/icon_excel.gif);
  margin-left: 5px;
}

/* パワポ直リンクにはアイコン */
.common-news-ahead li .title a[href$=".ppt"]::after,
.common-news-ahead li .title a[href$=".pptx"]::after {
  content: url(../../common/img/news/icon_ppt.gif);
  margin-left: 5px;
}

/* 外部リンクにはアイコン */
.common-news-ahead li .title a[href^="http:"]::after,
.common-news-ahead li .title a[href^="https:"]::after {
  content: "";
  background-image: url(../../common/img/news/bt_icon_03.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  padding-right: 20px;
}






/*-------------------------------
ページャー
-------------------------------*/
.pager{
display: flex;
justify-content: center;
margin: 60px auto 20px auto;
}
@media screen and (max-width: 400px) {
.pager{
margin: 30px 0 20px 0;
}
}

.pager{clear:both;}

/*ページャーボタン*/
.pager a{
background:var(--color-brown-right);
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
flex-flow: column;
vertical-align: top;
width: 40px;
height: 40px;
color: var(--color-white);
margin: 3px 3px;
}

/*現在のページのボタン*/
.pager a.current{background: var(--color-brown);}
.pager a:hover{background:var(--color-brown);}






/*------------------------------------------------*/
/*------------------- 詳細ページ -------------------*/
/*------------------------------------------------*/

.news-detail{
}

/*日付*/
.news-detail .day {
font-size: calc(16 * var(--rem));
font-weight: 400;
margin-bottom: 40px;
color: var(--color-green);
}

.news-detail .detail{
margin-bottom: 30px;
width: 100%;
display: inline-block;
word-break : break-all;
word-wrap: break-word;
white-space:initial;

}

/* 本文 */
.news-detail .detailText{
width: 100%;
display: inline-block;
word-break : break-all;
word-wrap: break-word;
white-space:initial;
}
/* detailText 内の Google系div の暴走を止める */
@media screen and (max-width: 768px) {
.news-detail .detailText div {
width: 100% !important;
max-width: 100% !important;
overflow-wrap: break-word;
}
}


.news-detail .detail a{
margin: 0 3px;
}

/* リンクと外部リンクにはアイコン */
.news-detail .detail a[href^='http:']::after,
.news-detail .detail a[href^='https:']::after {
content: '';
width: 10px;
height: 10px;
display: inline-block;
background: url(../../common/img/icon/icon_outlink.svg) no-repeat;
background-position: center;
background-size: contain;
padding-right: 20px;
}

.news-detail .detail a[href^='http:']:hover,
.news-detail .detail a[href^='https:']:hover {
opacity: 0.6;
}



/*リスト*/
.news-detail ol,
.news-detail ul {
list-style: none;
counter-reset: number;
}

.news-detail ul li,
.news-detail ol li {
font-size: calc(16 * var(--rem));
margin-bottom: 5px;
}

.news-detail ul li,
.news-detail ol li {
position: relative;
margin-left: 15px;
}

/*点*/
.news-detail ul li::before {
content: '・';
display: inline-block;
vertical-align: -6px;
font-size: calc(30 * var(--rem));
color: var(--color-green);
}

/*数字*/
.news-detail ol li::before {
content: counter(number) '.';
counter-increment: number;
display: inline-block;
vertical-align: -1px;
color: var(--color-green);
}

/* 余白 */
.news-detail ul,
.news-detail ol,
.news-detail .bt01,
.news-detail img {
margin: 20px 0;
}