@charset "UTF-8";

/************************************************************
SLIDER
************************************************************/

.slider_wrap {
  margin: 0 auto 20px;
	padding: 0 5px;
	width: 100%;
	max-width: 960px;
  text-align: center;
}

.slider_wrap .left {
  display: inline-block;
	*display:inline;
	*zoom:1;
  margin-right: 2%;
  width: 70%;
  vertical-align: top;
}

.slider_wrap .right {
  display: inline-block;
	*display:inline;
	*zoom:1;
  width: 28%;
  vertical-align: top;
}

.slider_wrap .right .information_wrap {
  position: relative;
  width: 100%;
}

.slider_wrap .right .information_wrap:before {
  content:"";
  display: block;
  padding-top: 119%;
}

.slider_wrap .right .information_wrap .information_contents {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 10px;
  border: 1px solid #cccccc;
  overflow: auto;
  font-size: 12px;
  line-height: 1.3;
  text-align: left;
}

.slider_wrap .right .information_wrap .information_contents .stream {
	margin: 5px 0;
	border-radius:10px;
	background: #3388ff;
}

.slider_wrap .right .information_wrap .information_contents .stream:hover {
	background: #66a6ff;
}

.slider_wrap .right .information_wrap .information_contents .stream a {
	display: block;
	padding: 5px;
	color: #ffffff;
	width: 100%;
	height: 100%;
  font-size: 12px;
	font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

.slider_wrap .right .information_wrap .information_contents .stream a .fa {
	color: #ffffff;
	font-weight: bold;
}

.slider_wrap .right .information_wrap .information_contents a img{
	width:70%;
	border:1px solid #ccc;
}

.stream_banner {
	padding: 5px;
	margin-top:10px;
	background: #e93323;
	border-radius: 10px;
	cursor:pointer;
}

.stream_banner:hover {
	background: #e8493a;
}

.stream_banner_left {
  display: inline-block;
	*display:inline;
	*zoom:1;
	padding-right:10px;
	width: 55%;
	text-align:right;
	vertical-align:middle;
}

.stream_banner_right {
  display: inline-block;
	*display:inline;
	*zoom:1;
	padding-left:10px;
	width: 45%;
	text-align:left;
	vertical-align:middle;
}

.stream_banner_left p,
.stream_banner_left p em {
	color: #ffffff;
}

.stream_banner_right p{
	color: #ffffff;
}

.slider_wrap .right .information_wrap .information_contents .attention {
	margin: 5px 0;
	border-radius:10px;
	background: #ff6600;
}

.slider_wrap .right .information_wrap .information_contents .attention:hover {
	background: #ff8822;
}

.slider_wrap .right .information_wrap .information_contents .attention a {
	display: block;
	padding: 10px;
	color: #ffffff;
	width: 100%;
  font-size: 18px;
	font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

.slider_wrap .right .information_wrap .information_contents .attention a .fa {
	color: #ffffff;
	font-weight: bold;
}

.slider_wrap .right .information_wrap .information_contents .attention2 {
	margin: 5px 0;
	height:55px;
	border-radius:10px;
	background: #ff0000;
	display: block;
	color: #ffff00;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}

.slider_wrap .right .information_wrap .information_contents .attention2 a {
	display: block;
	padding: 10px;
	width: 100%;
	height: 100%;
	color: #ffff00;
	font-weight: bold;
}


/* ---------------SP */

@media screen and (max-width: 640px) {

.slider_wrap .left {
  display: block;
  width: 100%;
}

.slider_wrap .right {
  display: block;
  margin-top: 20px;
  width: 100%;
}

.slider_wrap .right .information_wrap:before {
  padding-top: 60%; /* 高さを幅の75%に固定 */
}

.stream_banner_left {
	display:block;
	padding-right:0;
	width: 100%;
	text-align:center;
}

.stream_banner_right {
	display:block;
	margin-top:5px;
	padding-left:0;
	width: 100%;
	text-align:center;
}

}

/************************************************************
LEFT
************************************************************/

.left_area {
  display: inline-block;
	*display:inline;
	*zoom:1;
  margin-right: 2%;
  width: 49%;
  vertical-align: top;
}

/* ---------------SP */

@media screen and (max-width: 640px) {

.left_area {
  margin-right: 0;
  width: 100%;
}

}

/************************************************************
RIGHT
************************************************************/

.right_area {
  display: inline-block;
	*display:inline;
	*zoom:1;
  width: 49%;
  vertical-align: top;
}

/* ---------------SP */

@media screen and (max-width: 640px) {

.right_area {
  display: block;
  margin-top: 30px;
  width: 100%;
}

}

/************************************************************
NEWS
************************************************************/

.news_list_wrap {
  margin-top: 10px;
  padding: 10px 0 0 10px;
	width: 100%;
  border-radius: 5px;
  background: #ffffff;
}

.news_list {
  margin-top: 5px;
  height: 410px;
  overflow: auto;
  list-style: none;
}

.news_list .news_item {
  padding: 5px 0;
  border-top: 1px dotted #333333;
  font-size: 0;
  line-height: 0;
}

.news_list .news_item .date {
  display: inline-block;
	*display:inline;
	*zoom:1;
  width: 110px;
  font-size: 14px;
  line-height: 1.3;
  vertical-align: top;
}

.news_list .news_item .date .new {
	display: none;
}

.news_list .news_item .date .new_mark {
  display: inline-block;
	*display:inline;
	*zoom:1;
  margin-left: 5px;
  padding: 2px 5px;
  border-radius: 5px;
  background: #ff0000;
  color: #ffffff;
  font-size: 10px;
  line-height: 1;
}

.news_list .news_item .summery {
  display: inline-block;
	*display:inline;
	*zoom:1;
  width:calc(100% - 110px);
  vertical-align: top;
}

.news_list .news_item .summery .ctegory {
}

.news_list .news_item .summery .title {
  padding-top: 3px;
}

.news_list .news_item .summery .body {
  padding-top: 3px;
  color: #999999;
  font-size: 12px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* ---------------SP */

@media screen and (max-width: 640px) {

.news_list .news_item .date {
  display: block;
}

.news_list .news_item .summery {
  width: 100%;
}

.head_category {
  padding-right: 10px;
}

}

/************************************************************
GUIDE
************************************************************/

.guide_area {
  margin: 10px 0 0;
  padding: 10px;
  width: 100%;
  border-radius: 5px;
  background: #ffffff;
}

.guide_area a img {
  float: left;
  margin: 20px 10px 20px 0;
}

.guide_title {
  margin-top:20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

.guide_title a {
  color:#0000ff;
  font-weight: bold;
}


/************************************************************
MOVIE
************************************************************/

.youtube {
  position: relative;
  width: 100%;
  margin-top: 10px;
}
/* ---------------SP */

@media screen and (max-width: 640px) {

.movie_area {
  display: block;
  margin: 30px 0 0 0;
  width: 100%;
}

}

/************************************************************
ACCESS MAP
************************************************************/

.map_area {
  display: inline-block;
	*display:inline;
	*zoom:1;
  margin: 30px 0 0 0;
  width: 49%;
  vertical-align: top;
}

.ggmap {
  margin-top: 10px;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---------------SP */

@media screen and (max-width: 640px) {

.map_area {
  display: block;
  width: 100%;
}

}

/************************************************************
LINK
************************************************************/

.link_area {
  margin-top: 10px;
  padding: 10px;
  background: #ffffff;
  border-radius: 5px;
}