﻿@charset "UTF-8";
/* CSS Document */

body {
/*  IE8以下の代替の背景画像  */
background:url("file:///C|/Users/abiko/AppData/Local/Temp/ffftp00003a24/file/bg.jpg");
background-attachment:fixed;
background-size:cover;
position:relative;
font-family:"M PLUS 1p",Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif!important;
font-size:1rem;
width:100%;
line-height:1.5em;
min-width:1000px;
}
#container{
	overflow:hidden;
	height:100%;
}
a { 
	display:block;
	text-decoration:none;
}
a:hover img{
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity = 80);
}

#contents {
	overflow:hidden;
	-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;
}
#bg-video {
	position:fixed;
	right:0;
	top:0;
	min-width:100%;
	min-height:900px;
	width:auto;
	height:auto;
	z-index:-1;
}
#overview{
	overflow:hidden;
}
.top_logo{
	float:left;
}
.top_logo h1{
	margin-bottom:10px;
	color:#e5007d;
}
.top_logo h2{
	margin-bottom:10px;
	margin-left:20px;
	color:#e5007d;
	font-weight:bold;
}
.gnav{
	color:#FFF;
	line-height:1.5em;
	overflow:hidden;
	float:right;
	font-size:14px;
}
.gnav a{
	color:#FFFFFF;
}
.gnav a:hover{
	color:#e5007d;
	border:#e5007d 1px solid;
}
.gnav li{
	margin-right:5px;
	list-style:none;
	float:left;
}
.box_button{
	padding:10px;
	border:#FFF 1px solid;
}
.copy{
	text-align:center;
}

.top_bunner{
	text-align:center;
	margin:0;
	margin-top:200px;
	padding:10px;;
	background-color:#000;
}
.top_bunner p,.top_bunner a{
	margin:0;
	padding:0;
}
.kaisaigaiyou {
	text-align: center;
}
.kaisaigaiyou img{
	width: 50%;
	height: auto;
}
.top_bunner p img{
	width:100%;
}
.top_bunner a:hover img{
    opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity = 70);
}
video {display:block;}
video #bg-video{
	background: url(file:///C|/Users/abiko/AppData/Local/Temp/ffftp00003a24/img/background-dock.jpg) no-repeat;
	background-size: cover;
}
.tkt{
	display: inline-block;
	color: white;
}
#topics_list .text{margin-bottom: 10px;}
.news{
	background-color:#FFFFFF;
	text-align:left;
	padding:30px;
	padding-bottom:30px;
	overflow:hidden;
}
.sp_news{
	width: 700px;
	margin: 0 auto;
}
.con_news h2{
	font-size:1.5em;
	margin-bottom:10px;
	font-weight:bold;
}
.con_news #topics_list .text a{
	font-size: 1.5em;
	text-decoration: underline;
	color: #e5007d;
	font-weight: bold;
	padding: 5px 0;
	line-height: 1.5;
}
.box_news{
	padding:10px 0;
	font-size:1.5em;
}
.box_news dt{
	font-size:smaller;
}
.box_news dd{
	border-bottom:1px dotted #8E8E8E;
	padding-bottom:5px;
	margin-bottom:10px;
}
.box_news a{
	color:#e5007d;
}
.box_news a:hover{
    opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity = 70);
	}
.bunner{
	margin-top:20px;
}
.bunner img{
	width:100%;
	height:auto;
}
.top_bnr{
	margin: 30px 0;
}
.map{
	margin-left:10px;
}
a.fb {
	display:inline-block;
	margin-top:30px;
}
/* footer{
	text-align:center;
	padding:20px;
	background-color:#000000;
	color:#FFFFFF;
    width: 100%;
} */
footer{
	text-align:center;
	padding:20px;
	background-color:#000000;
	color:#FFFFFF;
  width: 100%;
  box-sizing: border-box;
}
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}
.neko {
	text-align: center;width:1200px;margin: 0 auto 30px;
}
.neko a {
	display: inline-block;
}
ul.neko li {
	float:left;
	width:600px;
}
ul.neko li:first-child {
	width:1200px;
	margin-bottom:20px;
}
ul.neko li:last-child {
	width:570px;
	margin-left:30px;
}
ul.neko li img {
	width:100%;
}
.btn_top {
	overflow: hidden;
	display: flex;
	justify-content: center;
	gap: 10px;
}
.top_bnr{
	overflow: hidden;
}
.top_bnr ul{
	display: flex;
    justify-content: center;
}
.top_bnr li{
	margin-right: 7px;
}
.text a[target="_blank"]:after {
    margin: 0 3px;
    font-family: "Font Awesome 5 Free";
    vertical-align: middle;
    content: "\f35d";
    font-weight: bold;
}
.con_top{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.top_map iframe{
	width: 100%;
}
.day_btn li{
	float: left;
	padding: 10px;
	width: 30%;
	margin-right: 1%;
    border: solid 1px;
    margin-top: 50px;
    text-align: center;
}
.day_btn li a:hover{
	color: white !important;
	background-color: #e5007d;
	border: none;
}
.today{
	color: white;
	background-color: #e5007d;
	border: none;
}
.report_m {
  margin-top: 1em;
  margin-bottom: 3em;
}
.report{
	text-align: center;
}
.report img{
	width: 50%;
}
.con_bnr{margin: 30px 0;}
.con_bnr h3{
	font-weight: bold;
	text-align: center;
	margin: 30px 0;
	border: 1px solid;
    padding: 10px;
}
.bnr{
	display: flex;
	justify-content: space-around;
}
.bnr li a img{width: 200px;}
.ka_rs {
  width: 100%;
  aspect-ratio: 0.233/0.071;
}
@media screen and (max-device-width: 1300px) {
  .neko iframe{height:80%;}
	ul.neko {
		width:100%;
	}
	ul.neko li,ul.neko li:last-child,ul.neko li:first-child {
		width:auto;
	}
	ul.neko li img {
		height:170px;
		width:auto;
	}
	ul.neko li:first-child img {
		width: 100%;
    	height: auto;
	}
}
.link_btn{
	display: flex;
	justify-content: center;
}
.link_btn li{
	float: left;
	padding: 10px;
	width: 30%;
	margin-right: 1%;
    border: solid 1px;
    margin-top: 50px;
    text-align: center;
}
.link_btn li a:hover{
	color: white !important;
	background-color: #e5007d;
	border: none;
}
@media screen and (max-device-width: 800px) {
  body { background: url(https://movieon.jp/ymf/img/background-dock.jpg) #000 no-repeat fixed; }
  #bg-video { display: none; }
}