@charset "UTF-8";
.mainCut {
  margin: 8px 0 10px;
  width: 640px;
  height: 150px;
}
.subtitle {
  padding: 10px 0 25px;
  clear: both;
  font-weight: bold;
  font-size: 20px;
  font-size: 2.0rem;
}
.sannotopphoto {
  padding: 0 0 13px;
  display: block;
  height: 1%;
  overflow: hidden;
}
.sannotopphoto dt {
  padding-top: 7px;
}
.sannotopphoto dd {
  padding-top: 7px;
  color: #808080;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}
.sannotoptext {
  overflow: hidden;
  display: block;
  height: 1%;
  padding-bottom: 10px;
}
.sannotoptext p {
  line-height: 1.6;
  padding-bottom: 8px;
}
.bannarLink {
  text-align: right;
  margin-bottom: 12px;
  margin-top: -5px;
}
.bannarLink a:hover img {
  /* IE */
  filter: alpha(opacity=60);
  /* Safari Opera */
  opacity: 0.7;
  /* Firefox Netscape */
  -moz-opacity: 0.7;
}
.newslistTitle {
  display: block;
  overflow: hidden;
  height: 1%;
  clear: both;
  margin-top: 8px;
}
.newslistTitle h4 {
  margin-bottom: 13px;
  font-weight: bold;
  font-size: 16px;
  background: #327392;
  padding: 7px 0 5px 8px;
  color: #ffffff;
}
#photo-left {
  float: left;
  margin: 0 13px 5px 0;
  width: 300px;
  /height: auto !important; /*IE6.7*/
}
#photo-left dd {
  padding-top: 3px;
  font-size: 80%;
  line-height: 1.35;
  color: #666666;
}
#photo-right {
  float: right;
  margin: 0 0 5px 13px;
  width: 300px;
  /height: auto !important; /*IE6.7*/
}
#photo-right dd {
  padding-top: 3px;
  font-size: 80%;
  line-height: 1.35;
  color: #666666;
}
.newslist {
  padding-bottom: 15px;
}
#articleArea {
  margin-bottom: 0;
}
.innerArticletitle h2 {
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 25px;
  clear: both;
}
.photo-clear {
  clear: both;
}
/*
.sanno2017-article span {
  padding: 1px 6px 0;
  color: #000000;
  background: #d8eefb;
  font-size: 15px;
}
*/
.top-news_heading {
  font-size: 22px;
  font-size: 2.2rem;
}
/*==================================================
スライダーのためのcss
===================================*/
/*画像の横幅を100%にしてレスポンシブ化*/

.gallery img {
  width: 100%;
  height: auto;
  vertical-align: bottom; /*画像の下にできる余白を削除*/
}
/*メイン画像下に余白をつける*/
.gallery {
  margin: 0 0 5px 0;
}
.gallery li {
  list-style: none;
}
/*矢印の設定*/
.slick-prev, .slick-next {
  position: absolute; /*絶対配置にする*/
  z-index: 3;
  top: 42%;
  cursor: pointer; /*マウスカーソルを指マークに*/
  outline: none; /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid #ccc; /*矢印の色*/
  border-right: 2px solid #ccc; /*矢印の色*/
  height: 25px;
  width: 25px;
}
.slick-prev { /*戻る矢印の位置と形状*/
  left: 2.5%;
  transform: rotate(-135deg);
}
.slick-next { /*次へ矢印の位置と形状*/
  right: 2.5%;
  transform: rotate(45deg);
}
/*選択するサムネイル画像の設定*/
.choice-btn li {
  cursor: pointer;
  outline: none;
  background: #333;
  width: 16.66% !important;
  list-style: none;
}
.choice-btn li img {
  opacity: 0.4; /*選択されていないものは透過40%*/
  width: 100%;
}
.choice-btn li.slick-current img {
  opacity: 1; /*選択されているものは透過しない*/
}
.choice-btn .slick-track {
  transform: unset !important; /*画面幅サイズ変更に伴うサムネイル固定*/
}
.slick-track{
  width: 100%!important;
}
.gallery-wrap {
  margin-bottom: 16px;
}
.photocaption {
  text-align: center;
  min-height: 28px;
  padding: 6px;
}
.slick-prev:before,
.slick-next:before{
  display: none !important;
}
.gallery-wrap .slick-slider{
  min-height: 80px;
}