@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------------
ホームcss
----------------------------------------------------------*/


/* ホームだけファーストビューの改変
----------------------------------------------------------*/
header{
	display: none;
}
header.nav_fixed{
	display: block;
	animation-name: fadeInAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeInAnime{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
main{
	margin: 0;
}


/* ファーストビュー
----------------------------------------------------------*/
main div.fv{
	background-image: url("images/fv_01.jpg");/* 背景画像 1 */
	background-repeat: no-repeat, no-repeat;
	background-position: center, center;
	background-size: cover, cover;
	height: 100vh;
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	animation: image_anime 15s ease infinite; /* 3秒のアニメーションを繰り返す */
}
@keyframes image_anime {
	8.3% {
		background-image: url("images/fv_01.jpg"), url("images/fv_01.jpg");/* 背景画像 1-1 */
	}
	24.9% {
		background-image: url("images/fv_01.jpg"), url("images/fv_02.jpg");/* 背景画像 1-2 */
	}
	41.5% {
		background-image: url("images/fv_02.jpg"), url("images/fv_02.jpg");/* 背景画像 2-2 */
	}
	58.1% {
		background-image: url("images/fv_02.jpg"), url("images/fv_03.jpg");/* 背景画像 2-3 */
	}
	74.7% {
		background-image: url("images/fv_03.jpg"), url("images/fv_03.jpg");/* 背景画像 3-3 */
	}
	91.3% {
		background-image: url("images/fv_03.jpg"), url("images/fv_01.jpg");/* 背景画像 3-1 */
	}
	100% {/*本当は99.6%*/
		background-image: url("images/fv_01.jpg"), url("images/fv_01.jpg");/* 背景画像 1-1 */
	}
}
main div.fv h1{
	color: #FFF;
	line-height: 2.2;
	text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 0.2em #000;
}
@media screen and (max-width: 1199px){
	main div.fv h1 img{
		width: 310px;
		padding: 3em 0 6em;
	}
}
@media screen and (min-width: 1200px),print{
	main div.fv h1{
		letter-spacing: 0.1em;
	}
	main div.fv h1 img{
		width: 460px;
		padding: 5em 0 10em;
	}
	main div.fv h1 br.pc{
		display: none;
	}
}




/* トップナビ
----------------------------------------------------------*/
.top_nav{
	background: #FF0;
	text-align: center;
}
.top_nav li{
	display: inline-block;
	margin: 0 .8em;
	text-align: center;
}
.top_nav li a{
	display: inline-block;
	letter-spacing: .2em;
	color: #554;
}
.top_nav li a span{
	display: block;
	font-size: .5em;
	letter-spacing: .2em;
}
@media screen and (max-width: 1199px){
	.top_nav{
		display: none;
	}
}



/* お知らせ
----------------------------------------------------------*/
.news{
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.news ul{
	text-align: left;
}
.news ul li{
	width: 24%;
	display: inline-block;
}
.news ul li a{
}
.news ul li a img{
}
.news ul li a span{
}
.news > a{
	display: inline-block;
	padding: .5em 2em;
	background: #DDD;
}



/* 特集
----------------------------------------------------------*/
.special{
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.news ul{
}
.news ul li{
	width: 20%;
	display: inline-block;
}
.news ul li a{
}
.news ul li a img{
}





/* 前のページに戻るボタン隠す
----------------------------------------------------------*/
.btn_return{
	display: none;
}



















/*----------------------------------------------------------
ページ
----------------------------------------------------------*/
/* コーナー
----------------------------------------------------------*/
/*
.aaa{
	background: hsla(0,0%,0%,0.10);
	background: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}
.aaa div{
	margin: 0;
	padding: 0;
	width: 50%;
}
@media screen and (min-width: 1200px),print{
	.aaa div{
		padding: 0;
	}
}
@media screen and (max-width: 1199px){
	.aaa div{
		padding: 0;
	}
}
*/