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


body,html{
	font-family:Georgia, "Times New Roman", Times, "serif";
}
header{
	background-color: #3c6591;
	height: 50px;
	width: 100%;
	border: none;
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
}
footer{
	clear: both;
	height: 50px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #8898A8;
	display: block;
	position: absolute;
}
.header{
	position: relative;
	margin: 0;
	padding: 0;
}
.header-img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
#nemu{
	/*配置*/
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 100;
	width: 100%;
	height: 100%;	
}
/****メニュー開閉ボタン****/
#menu div{
	/*デザイン*/
	border-image: url("images/menu-img.png");
	width: 150px;
	height: 30px;
	/*配置*/
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}

#menu .menuopen{
	/*デザイン*/
	border-image: url("images/menu-img.png");
	/*配置*/
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: auto;
}

#menu .menuclose{
	/*デザイン*/
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	/*配置*/
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: auto;
}

/****メニュー一覧****/
#menu ul{
	/*デザイン*/
	background: rgba(200,200,200,1);
	width: 80%;
	/*配置*/
	position: absolute;
	top: 30px;/*#menu divの高さ*/
	right: 0;
	display: none;
}

#menu li{
	/*デザイン*/
	padding: 10px;
	color: rgba(0,0,0,1);
	border-bottom: 1px rgba(255,255,255,1) solid;
	/*配置*/
	pointer-events: auto;
}

/****メニューオープン時****/
#menu:target .menuopen{
	/*配置*/
	display: none;
}

#menu:target .menuclose{
	/*配置*/
	display: block;
}

#menu:target ul{
	/*配置*/
	display: block;
}

/*** メインエフェクト ***/
.main{
	background: linear-gradient(#043C78,#3D8CE0);
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0px;
	display: block;
}

/* パンくずリスト */
.breadcrumb ul{
	display: flex;
}
.breadcrumb li{
	display: inline-block;
	font-size: 10px;
	color: #ffffff;
}
.breadcrumb li a{
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
}
/* パンくずリストここまで */

/* スライドショー　フェード */
.main-img{
    position: relative;
    width: 960px;
    height: 540px;
    padding: 0px;
    margin: 0 auto;
	display: block;
	text-align: center;
}
.top-img-01{
	position: absolute;
    top:0;
    left:0;
	width: 960px;
	height: 540px;
    animation: slide-animation-01 15s infinite;
	display: block;
}
.top-img-02{
	position: absolute;
    top:0;
    left:0;
	width: 960px;
	height: 540px;
    animation: slide-animation-02 15s infinite;
	display: block;
}
.top-img-03{
	position: absolute;
    top:0;
    left:0;
	width: 960px;
	height: 540px;
    animation: slide-animation-03 15s infinite;
	display: block;
}

@keyframes slide-animation-01 {
    0% {opacity: 1;}
   30% {opacity: 1;}
   40% {opacity: 0;}
   90% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes slide-animation-02 {
    0% {opacity: 0;}
   30% {opacity: 0;}
   40% {opacity: 1;}
   60% {opacity: 1;}
   70% {opacity: 0;}
  100% {opacity: 0;}
}
@keyframes slide-animation-03 {
    0% {opacity: 0;}
   60% {opacity: 0;}
   70% {opacity: 1;}
   90% {opacity: 1;}
  100% {opacity: 0;}
}
/* スライド　フェード　ここまで */

/*スマホ対応*/ 
@media screen and (max-width: 600px) {
}

/* タブレット対応 */
@media screen and (min-width: 600px) and (max-width: 960px){
}