@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	overflow-x: hidden;
	font-family: "游ゴシック", 'Yu Gothic', YuGothic, 'ヒラギノs角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
}


/*======================ファーストビューここから======================*/

/*ローディング画面*/
#container{
	display:none;
}

#loading{
    position:relative;
    width: 100vw;
    height: 100vh;
	
}

#loading img{
	display: block;
	position: relative;
	width: 150px;
	height: 150px;
	margin:0 auto;
	top: 40vh;
}

/*富士山の背景画像*/
.slide{
    background: url(../img/fuji.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100vw;
    height: 100vh;
    top:0;
    position: fixed;
}

/*富士山の背景配置用*/
.slide_bg{
	position: relative;
	width: 100vw;
    height: 100vh;
}

/*富士山にかぶせる霧*/
#layer1, #layer2, #layer3{
    background-size: 125%;
    height: 125%;
    background-position: 0 50%;
    position: fixed;
    top: 0;
    width:125%;
    pointer-events: none;
    z-index: 5;
}

#layer1 {
    background-image:url(../img/smoke1.png);
	background-size: 100%;
    width: 100%;
	height: 100%;
	opacity: 1;
	background-repeat: repeat-x;/* repeating-linear-gradient(90deg, rgba(236, 240, 241, 0), rgba(236, 240, 241, 0.6), rgba(236, 240, 241, 0));*/
	z-index: 0;
	  
  animation: layer1 30s linear infinite alternate;
}
#layer2 {
	background-image:url(../img/smoke2.png);
	background-size: 100%;
    width: 150%;
	height: 100%;
	opacity: 1;
	z-index: 0;
	background-repeat: repeat-x;
  /*background: repeating-linear-gradient(90deg, rgba(236, 240, 241, 0), rgba(236, 240, 241, 0.6), rgba(236, 240, 241, 0));*/
    animation: layer2 35s linear infinite alternate;
}

#layer3 {
	background-image:url(../img/smoke2.png);
	background-size: 100%;
    width: 100%;
	height: 100%;
	opacity: 1;
	z-index: 0;
	background-repeat: repeat-x;
  /*background: repeating-linear-gradient(90deg, rgba(236, 240, 241, 0), rgba(236, 240, 241, 0.6), rgba(236, 240, 241, 0));*/
    animation: layer3 40s linear infinite alternate;
}
@keyframes layer1 {
  0% {
    background-position: 2000px 0;
  }
  50% {
    background-position: 1000px 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes layer2 {
  0% {
    background-position: 1500px 0;
  }
  50% {
    background-position: 700px 0;
  }
  100% {
    background-position: 0 0;
  }
}

@keyframes layer3 {
  0% {
    background-position: 1200px 0;
  }
  50% {
    background-position: 700px 0;
  }
  100% {
    background-position: 0 0;
  }
}



/*======================ファーストビューここまで======================*/


/*======================各項目のセクション======================*/
/*各項目のタイトル*/
.item_{
	width: 100vw !important;
	height: 15vh !important;
	position: relative;
	background: rgba(198,228,248,0.8);
}
.item_name{
	display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 10vh;
    font-size: 1.5em;
    color: #000;
    font-weight: 500;
	font-family:"dnp-shuei-4go-std","Yu Mincho", "YuMincho",'ＭＳ Ｐ明朝', 'MS PMincho','serif';
	line-height: 15vh !important;
}

/*セクション*/
section.item1_{
	width: 100vw;
	height: 500px;
	background: #fff;
	position: relative;
}

.item1_title{
	display: block;
	position: absolute;
	top: 20%;
	right: 0;
	left: 0;
	bottom: 0;
	margin:auto;
	width: 70%;
	text-align: center;
	font-size: 1em;
	color: #494949;
}

section.item2_{
	width: 100vw;
	height: 80vh;
	background: #fff;
	position: relative;
}

.item2_title{
	display: block;
	position: absolute;
	top: 18%;
	width: 100%;
	text-align: center;
	font-size: 1em;
	color: #494949;
}

section.item3_{
	width: 100vw;
	height: 70vh;
	background: #fff;
	position: relative;
}

.item3_title{
	display: block;
	position: absolute;
	top: 20%;
	width: 100%;
	text-align: center;
	font-size: 1em;
	color: #494949;
}

section.item4_{
	width: 100vw;
	height: 90vh;
	background: #fff;
	position: relative;
	display: table-cell;
	padding-bottom: 30px;
}

.item4_title{
	margin-top: 5%;
	display: block;
}

section.item5_{
	width: 100vw;
	height: 80vh;
	background: #fff;
	position: relative;
}

.item5_title{
	display: block;
	position: absolute;
	top: 10%;
	width: 100%;
	text-align: center;
	color: #494949;
}

section.item6_{
	width: 100vw;
	height: 90vh;
	background: #fff;
	position: relative;
	display: table-cell;
	padding-bottom: 30px;
}

.item6_title{
	display: block;
	top: 20%;
	width: 100%;
	text-align: center;
	color: #494949;
}

section.item7_{
	width: 100vw;
	height: 70vh;
	background: #fff;
	position: relative;
}

.item7_title{
	display: block;
	position: absolute;
	top: 25%;
	width: 100%;
	text-align: center;
	color: #494949;
}

section.item8_{
	width: 100vw;
	height: 70vh;
	background: #fff;
	position: relative;
}

.item8_title{
	display: block;
	position: absolute;
	top: 25%;
	width: 100%;
	text-align: center;
	color: #494949;
}

section.item9_{
	width: 100vw;
	height: 70vh;
	background: #fff;
	position: relative;
}

.item9_title{
	display: block;
	top: 25%;
	width: 100%;
	text-align: center;
	color: #494949;
}

section.item10_{
	width: 100vw;
	height: 70vh;
	background: #fff;
	position: relative;
}

.item10_title{
	display: block;
	position: absolute;
	top: 25%;
	width: 100%;
	text-align: center;
	color: #494949;
}

section.item11_{
	width: 100vw;
	height: 70vh;
	background: #fff;
	position: relative;
}

.item11_title{
	display: block;
	position: absolute;
	top: 25%;
	width: 100%;
	text-align: center;
	color: #494949;
}

section.item12_ {
	width: 100vw;
	height: 70vh;
	background: #fff;
	position: relative;
}

.item12_title {
	display: block;
	position: absolute;
	top: 25%;
	width: 100%;
	text-align: center;
	color: #494949;
}

section.item13_ {
	width: 100vw;
	height: 70vh;
	background: #fff;
	position: relative;
}

.item13_title {
	display: block;
	position: absolute;
	top: 25%;
	width: 100%;
	text-align: center;
	color: #494949;
}

section.item_news{
	width: 100vw;
	height: 70vh;
	background: #fff;
	position: relative;
}

.item_news_title{
	display: block;
	position: absolute;
	top: 25%;
	width: 100%;
	text-align: center;
	color: #494949;
}


/*======================各項目のセクションここまで======================*/


/*========================タブレット・スマートフォン========================*/

@media all and (max-width: 768px) , print{

.slide{
    background: url(../img/fuji2.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100vw;
    height: 100vh;
    top:0;
    position: fixed;
}

.item_ {
	width: 100vw !important;
	height: 15vh !important;
}

.item_name {
	line-height: 15vh !important;
	font-size: 1.4em;
}

section.item1_{
	height: 280px;
}

.item1_title{
	top: 5%;
	width: 100%;
}

section.item2_{
	height: 640px;
}

.item2_title{
	display: block;
	position: absolute;
	top:30px;
	width: 100%;
}

section.item3_{
	height: 280px;
}

.item3_title{
	top: 10%;
	width: 100%;
}

section.item4_{
	height: 410px;
}

.item4_title{
	margin-top: 15%;
}

section.item5_{
	height: 280px;
}

.item5_title{
	top: 10%;
}

section.item6_{
	height: 590px;
	display: table-cell;
  padding-bottom: 0;
}

.item6_title{
	margin-top: 13%;
	margin-bottom: 20px;
}

section.item7_{
	height: 640px;
}

.item7_title{
	top: 5%;
}

section.item8_{
	height: 650px;
}

.item8_title{
	top: 6%;
}

section.item9_{
	height: 600px;
	display: table-cell;
	padding-bottom: 50px;
}

.item9_title{
	margin-top: 50px;
}

section.item10_{
	height: 620px;
}

.item10_title{
	top: 10%;
}

section.item11_{
	height: 300px;
}

.item11_title{
	top: 15%;
}

section.item12_{
	height: 220px;
}

.item12_title{
	top: 10%;
}

section.item13_ {
	height: 180px;
}

.item13_title {
	top: 10%;
}

section.item_news{
	height: 560px;
}

.item_news_title{
	top: 40px;
}

.l_movie_thumb {
	width: 280px;
	margin: 0 auto;
}

.l_movie_thumb iframe {
	width: 280px;
	height: 187px;
}

}