@charset "utf-8";

/* ************************************************ 
*	お知らせ　一覧
* ************************************************ */	
.pager{
margin: 0 auto 30px auto;
text-align:center;
}
.news-page-navi{
margin: 0 3px;
padding: 5px 0px;
text-align:center;
border:1px solid #333;
}
.news-page-navi a{
color: #333;
padding: 5px 10px;
text-decoration:none;
}
.news-page-navi a:hover{
color: #fff;
background-color: #333;
text-decoration:none;
}


/* ************************************************ 
*	お知らせ　詳細
* ************************************************ */	
.news-contents-top{
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: start;
}
.news-contents-top .date{
background-color: #efefef;
padding: 0 5px;
font-size: 90%;
}

.news-contents-box{
margin: 30px 0 0 0;
padding: 0 0 0 0;
line-height: 180%;
}
.news-contents-box img{
margin: 0 0 0 0;
padding: 30px 0px;
}

.newslink {
margin: 0 auto;
padding: 0;
text-align:center;
background-color:#fff;
border: 1px solid #333;
width: 250px;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}
.newslink a{
color: #333;
display: block;
padding: 11px 0 10px 0;
line-height: 200%;
text-decoration: none;
}
.newslink a:hover{
color: #fff;
background-color:#333;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}


/* ************************************************ 
*	タイトル
* ************************************************ */	
.htitle {
font-family: 'Noto Sans JP';
  position: relative;
  padding: 0 0 20px 0;
  margin: 0 0 30px 0;
  font-size: 150%;
  font-weight: 500;
  display: block;
}
.htitle:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #999, #999 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #999, #999 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){
}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.htitle { font-size: 120%; }
}


/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.htitle { font-size: 5vw; }
.news-page-navi a{ font-size: 4vw; }
.news-contents-box p{ font-size: 4.5vw; }
.newslink {
margin: 20px auto 20px auto;
width: calc(100% - 2px);
}
.newslink a{ font-size: 4.5vw; }
}