@charset "utf-8";

/*-------------------------- #contents --------------------------*/
@media screen and (min-width: 980px) {
#contents_top {
	position:fixed;
	bottom:-200px;
	left:0;	
	font-size:14px;
	width:100%;
	height:290px;
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
	z-index:18;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
}
#contents_top:hover {
	overflow:inherit;
	height:250px;
	bottom:0px;	
}
#contents_top #mouseover p {
	display:block;
	width:100%;	
	text-align:center;
	vertical-align:middle;
	height:20px;
}
#contents_top #contents_top_inner {
	background:rgba(0,0,0,0.8);	
	padding-top:10px;
	height:300px;
}
}
@media screen and (min-width: 769px) and (max-width: 979px) {
#contents_top {
	position:fixed;
	bottom:-420px;
	left:0;	
	font-size:100%;
	width:100%;
	height:490px;
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
	z-index:18;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
}
#contents_top:hover {
	overflow:inherit;
	height:400px;
	bottom:0px;	
}
#contents_top #mouseover p {
	display:block;
	width:100%;	
	text-align:center;
	vertical-align:middle;
	height:20px;
}
#contents_top #contents_top_inner {
	width:100%;
	background:rgba(0,0,0,0.8);	
	padding-top:10px;
	height:300px;
}
}
@media screen and (max-width: 768px) {
#contents_top {
display:block;
width:100%;
margin:100px auto 0px auto;
z-index:10;
text-align:center;	
}
#mouseover {
	display:none
}
}





/*-------------------------- #contents #top_cardnews --------------------------*/
@media screen and (min-width: 980px) {
#contents_top_inner #top_cardnews {
	margin-top:0px;
	height:230px;
	width:100%;
	overflow:hidden;
	margin-left:30px;	
}
#contents_top_inner #top_cardnews li {
	float:left;
	width:210px;
	height:140px;
	margin-right:20px;
	background-color:#fff;
	list-style:none;
	margin-bottom:30px;
}
#contents_top #top_cardnews li p {
	display:inline-block;
	width:200px;
	height:40px;	
	text-align:left;
	vertical-align:middle;
	font-size:14px;
	line-height:1.5;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:5px 5px;
	margin-top:-70px;
	background-color:rgba(0,0,0,0.8);	
	z-index:10;	
}
#contents_top #top_cardnews li img {
	width:210px;
	height:140px;
	z-index:-10;	
}
}
@media screen and (min-width: 769px) and (max-width: 979px) {
#contents_top_inner #top_cardnews {
	margin-top:0px;
	height:430px;
	width:calc(100% - 30px);
	overflow:hidden;
	margin-left:30px;	
}
#contents_top_inner #top_cardnews li {
	float:left;
	width:210px;
	height:140px;
	margin-right:20px;
	background-color:#fff;
	list-style:none;
	margin-bottom:30px;
}
#contents_top #top_cardnews li p {
	display:inline-block;
	width:200px;
	height:40px;	
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	vertical-align:middle;
	font-size:14px;
	line-height:1.5;
	padding:5px 5px;
	margin-top:-70px;
	background-color:rgba(0,0,0,0.8);	
	z-index:10;	
}
#contents_top #top_cardnews li img {
	width:auto;
	height:100%;
	z-index:-10;	
}
}
@media screen and (max-width: 768px) {
#contents_top #top_cardnews {
	margin-top:0px;
	height:auto;
	width:80%;
	overflow:auto;
	margin-left:10%;
}
#contents_top #top_cardnews li {
	float:none;
	width:80vw;
	height:53vw;
	margin-bottom:30px;
	background-color:#fff;
	position:relative;
	padding:0px;	
}
#contents_top #top_cardnews li p {
	display:block;
	width:100%;
	height:9vw;	
	text-align:left;
	vertical-align:middle;
	line-height:1.5;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:1vw 0px 1vw 0px;
	background:rgba(0,0,0,0.9);	
	position:absolute;
	bottom:-1vw;
	z-index:9;
	font-size:3.5vw;
}
#contents_top #top_cardnews li img {
	width:80vw;
	height:auto;
	margin:0px;
	padding:0px;
}
#contents_top #top_cardnews ul li a {
	height:0px;	
}
}





/*-------------------- #backslider --------------------*/
#bg #stage #backslider ul.bxslider li {
	height: 100vh;
	width:100%!important;
	background: center / cover no-repeat;
}
.bx-viewport {
	left: 0;
	box-shadow: none;
	border: none;
}
@media screen and (min-width: 980px) {
#backslider {
	height:97vh;
}
#backslider ul li {
margin-top:60px;
}
}
@media screen and (min-width: 769px) and (max-width: 979px) {
#backslider {
	height:97vh;
}
#backslider ul li {
margin-top:50px;
}
}
@media screen and (max-width: 768px) {
#backslider {
	/*display:none;	*/
}
#stage #backslider {
	height:100vh;
}	
}






@media screen and (min-width: 980px) {
}
@media screen and (min-width: 769px) and (max-width: 979px) {
}
@media screen and (max-width: 768px) {
}






@media screen and (min-width: 980px) {
}
@media screen and (min-width: 769px) and (max-width: 979px) {
}
@media screen and (max-width: 768px) {
}







@media screen and (min-width: 980px) {
}






@media screen and (min-width: 769px) and (max-width: 979px) {
}










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

/*---------------- contents ----------------*/

#bg {
	background-position: top center;
	background-repeat:no-repeat;
	background-color:rgba(0,38,58,1.0);
}


#video_wrapper{
	display:none;
	position:static;	
}

#title_logo {
	width:100%;
	height:100vh;
	display:block;	
	margin-top:0px;
	text-align:center;
	vertical-align:middle;
	position:absolute;
	top:0;
	background-color:rgba(0,0,0,0.7);
}

#title_logo img {
	position: absolute;
  width:70%;
  left: 50%;
  top: 48%;
  opacity:0.8;
  -webkit-transform: translate3d(-50%, -50%, 0);
     -moz-transform: translate3d(-50%, -50%, 0);
           -ms-transform: translate(-50%, -50%);
          transform: translate3d(-50%, -50%, 0);
}


#header_topics {
	display:block;
	position:static;
	font-size:100%;
	width:90vw;
	height:auto;
	margin-top:0px;
	vertical-align:top;
	background:none;
	overflow:visible;
	z-index:20;
	margin-left:5vw
}

#header_topics:hover {
	overflow:visible;	
}

#header_topics_top{
	background:rgba(210,38,48,1.0);
	float:none!important;
	width:100%;
	padding-top:1.5vw;
	padding-right:0px;
	border-right:none;
	height:5vw;
	margin:0 auto;
	font-size:4vw;
	text-align:center;
}

#header_topics_top a {
}

#header_topics topics table {
	width:100%;
}

#header_topics .cell{
	float:none!important;
}

#topics {
	background:none;
	white-space:normal;
	padding:auto;
}

#topics  tr{
	height:10vw;
}

#topics table td.date {
	width:16vw;
	padding:auto;
	padding-left:0px;
	font-size:2.5vw;
	vertical-align:middle;
}

#topics table td.category {
	width:17vw;
	padding:auto;
	font-size:2.2vw;
	vertical-align:middle;
}

#topics table td.summary {
	width:auto;
	padding:auto;
	font-size:2.8vw;
	vertical-align:middle;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}