@charset "UTF-8";
/*------------------------------------------------------------mainphoto*/
body {
  overflow-y: hidden;
}
header {
  background: none;
  height: calc(100vh - 50px);
}
#mainimage {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media print, screen and (min-width:576px) {
  header {
    height: 100vh;
    background: url("../img/index_img/bg_mainimage.jpg") center top no-repeat;
    background-size: cover;
  }
  #mainimage {
    height: 100%;
  }
}
.swiper-slide {
  height: 100vh;
}
/*
.swiper-slide figure {
	height: 100vh;
}
.swiper-slide figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	max-width: 80%;
	height: auto;
}
*/
.swiper-slide.slide01 {
  background: url(../img/index_img/slide01.jpg) center center no-repeat;
  background-size: cover;
  height: 75vh;
  width: 100%;
}
.swiper-slide.slide02 {
  background: url(../img/index_img/slide03.jpg) center center no-repeat;
  background-size: cover;
  height: 75vh;
  width: 100%;
}
.swiper-slide.slide03 {
  background: url(../img/index_img/slide04.jpg) center center no-repeat;
  background-size: cover;
  height: 75vh;
  width: 100%;
}
.swiper-slide.slide04 {
  background: url(../img/index_img/slide06.jpg) center center no-repeat;
  background-size: cover;
  height: 75vh;
  width: 100%;
}
.swiper-slide.slide05 {
  background: url(../img/index_img/slide05.jpg) center center no-repeat;
  background-size: cover;
  height: 75vh;
  width: 100%;
}

@media print, screen and (min-width:576px) {
  .swiper-slide.slide01, .swiper-slide.slide02, .swiper-slide.slide03, .swiper-slide.slide04, .swiper-slide.slide05 {
    height: 100vh;
    margin: 0;
  }
}
/*------------------------------------------------------------content*/
/*更新プログラム(連動)フォーマット*/
#news01 {
  width: 100%;
  overflow: hidden;
}
#news01 dl {
  padding: 0 0 10px 0;
}
#news01 dl dd div.newstitle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media print, screen and (min-width:768px) {
  #news01 dl dt {
    float: left;
  }
  #news01 dl dd {
    padding: 0 0 0 100px;
  }
}
/*更新プログラム(TOP完結)フォーマット*/
#news02 {
  width: 100%;
}
#news02 .newsbox {
  overflow: hidden; /* for modern browser */
}
#news02 .newsbox .news_text_area {
  zoom: 1; /*ie6*/
  overflow: hidden;
}
#news02 .newsbox .news_text {
  line-height: 1.5;
}
#news02 .newsbox img {
  margin-bottom: 10px;
}
#news02 .newsbox a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
}
#news02 .newstitle {
  font-size: 16px;
  font-weight: bold;
  color: #6D6D6D;
  padding-left: 10px;
  margin-bottom: 10px;
  border-left: 3px solid #6D6D6D;
}
#news02 .newstitle span {
  font-size: 12px;
}
#news02 .pdf_link {
  margin-top: 10px;
}
#news02 .pdf_link li {
  margin-bottom: 5px;
  text-align: left;
}
#news02 .pdf_link li a {
  padding: 2px 0 2px 28px;
  display: inline-block;
  line-height: 1.4;
  text-decoration: underline;
  background: url(../img/common_img/icon_pdf.png) left top no-repeat;
  background-size: auto 22px;
}
#news02 .pdf_link li a:hover {
  text-decoration: none;
}
@media print, screen and (min-width:768px) {
  #news02 .newstitle br {
    display: none;
  }
}
/*Googlemap*/
#googlemap iframe {
  display: none;
}
.mapbtn {
  background: #666;
  border-radius: 4px;
  margin: 0 auto;
  text-align: center;
  width: 100px;
}
.mapbtn a {
  display: block;
  color: #FFF;
  text-decoration: none;
  padding: 10px;
}
.mapbtn a:hover {
  text-decoration: underline;
}
@media print, screen and (min-width:768px) {
  #googlemap iframe {
    display: block;
  }
  .mapbtn {
    display: none;
  }
}
footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-top: 0;
  z-index: 9990;
  background: none;
}
footer small {
  color: #636363;
}
@media print, screen and (min-width:576px) {
  footer small {
    color: #fff;
  }
}