@charset "utf-8";
/* お知らせ（CMS）用の追加スタイル。既存の common.css の上に重ねる */

#main .news-date {
   margin:0 0 1em 0;
   text-align:right;
}

#main .news-body {
   margin:0 0 20px 0;
   line-height:1.9;
   word-wrap:break-word;
   overflow-wrap:break-word;
}

/* 詳細ページの画像：正方形の枠に画像全体が収まるサムネイルを並べ、クリックで拡大（lightbox） */
#main .news-images {
   overflow:hidden;
}

#main .news-images-note {
   margin:0 0 6px 0;
   font-size:12px;
   color:#666;
}

#main .news-images a {
   float:left;
   width:160px;
   height:160px;
   margin:0 12px 12px 0;
   overflow:hidden;
   border:1px solid #ddd;
   background:#fff;
}

#main .news-images a:nth-child(4n) {
   margin-right:0;
}

#main .news-images a:hover {
   border-color:#009999;
}

#main .news-images img {
   display:block;
   width:100%;
   height:100%;
   object-fit:contain;
}

#main .news-back {
   margin-top:30px;
}

#main .news-pager {
   clear:both;
   margin:25px 0 0 0;
   padding-top:10px;
   border-top:1px dotted #009999;
   text-align:center;
}

#main .news-pager a,
#main .news-pager span {
   margin:0 10px;
}

#main .news-preview {
   padding:8px 12px;
   background:#fff4d6;
   border:1px solid #e0b84a;
   color:#7a5a00;
}