/* banner */

#banner {
	background: #301904;
}

#banner p {
	color: #FFF;
	margin-bottom: 1em;
}


/* slide */

#slide {
	background: #87784C;
}

#slide>.container>p {
	color: #FFF;
	margin-bottom: 1em;
}

#slide .slide {
	margin: 0 auto 15px;
}

#slide .link p {
	text-align: right;
}

#slide .link p a {
	padding: 5px 10px;
	background: #FFF;
	color: #636038;
}


/*newsWrap*/

.newsWrap {
	width: 800px;
	margin: 0 auto 65px;
}

.newsWrap .title {
	width: 100%;
	height: 45px;
	background-image: url(../img/index/newsTitle.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	-webkit-background-size: contain;
	background-size: contain;
}

.newsWrap>.box {
	width: 100%;
	height: 100px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.newsWrap dl {
	padding: 5px 0;
	border-bottom: 1px dashed #000;
}

.newsWrap dt {
	width: 20%;
	font-size: 20px;
	padding-left: 2em;
}

.newsWrap dd {
	width: 80%;
}

.newsWrap dd a {
	font-size: 20px;
	color: #000;
}


/* PC */

@media screen and (min-width: 980px) {
	/* wideContainer */
	.wideContainer {
		width: 1200px;
		margin: 0 auto;
	}
	/* topImg */
	.topImg {
		width: 1200px;
		height: 652px;
		margin: 0 auto;
		position: relative;
		/*		background-image: url(../img/index/top.png);*/
	}
	/* slidingWrap */
	.slidingWrap {
		position: absolute;
		width: 1200px;
		height: 652px;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	.slidingWrap>div {
		width: 100px;
		height: 652px;
		background-image: url(../img/index/top.png);
	}
	.slidingWrap>.img1 {
		background-position: 0 50%;
	}
	.slidingWrap>.img2 {
		background-position: -100px 50%;
	}
	.slidingWrap>.img3 {
		background-position: -200px 50%;
	}
	.slidingWrap>.img4 {
		background-position: -300px 50%;
	}
	.slidingWrap>.img5 {
		background-position: -400px 50%;
	}
	.slidingWrap>.img6 {
		background-position: -500px 50%;
	}
	.slidingWrap>.img7 {
		background-position: -600px 50%;
	}
	.slidingWrap>.img8 {
		background-position: -700px 50%;
	}
	.slidingWrap>.img9 {
		background-position: -800px 50%;
	}
	.slidingWrap>.img10 {
		background-position: -900px 50%;
	}
	.slidingWrap>.img11 {
		background-position: -1000px 50%;
	}
	.slidingWrap>.img12 {
		background-position: -1100px 50%;
	}
	@keyframes myani1 {
		0% {
			transform: perspective(0);
			transform: translate(50px, 50px) rotateY(0deg);
		}
		100% {
			transform: perspective(500);
			transform: translate(0px, 0px) rotateY(360deg);
		}
	}
	@keyframes myani2 {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	.slidingWrap {
		animation: myani2 4.1s linear 0s 1;
		-moz-animation: myani2 4.1s linear 0s 1;
		-webkit-animation: myani2 4.1s linear 0s 1;
	}
	.slidingWrap #z1 {
		animation: myani1 .8s ease-out 0s 1;
		-moz-animation: myani1 .8s ease-out 0s 1;
		-webkit-animation: myani1 .8s ease-out 0s 1;
	}
	.slidingWrap #z2 {
		animation: myani1 .8s ease-out .3s 1;
		-moz-animation: myani1 .8s ease-out .5s 1;
		-webkit-animation: myani1 .8s ease-out .5s 1;
	}
	.slidingWrap #z3 {
		animation: myani1 .8s ease-out .6s 1;
		-moz-animation: myani1 .8s ease-out .6s 1;
		-webkit-animation: myani1 .8s ease-out .6s 1;
	}
	.slidingWrap #z4 {
		animation: myani1 .8s ease-out .9s 1;
		-moz-animation: myani1 .8s ease-out .9s 1;
		-webkit-animation: myani1 .8s ease-out .9s 1;
	}
	.slidingWrap #z5 {
		animation: myani1 .8s ease-out 1.2s 1;
		-moz-animation: myani1 .8s ease-out 1.2s 1;
		-webkit-animation: myani1 .8s ease-out 1.2s 1;
	}
	.slidingWrap #z6 {
		animation: myani1 .8s ease-out 1.5s 1;
		-moz-animation: myani1 .8s ease-out 1.5s 1;
		-webkit-animation: myani1 .8s ease-out 1.5s 1;
	}
	.slidingWrap #z7 {
		animation: myani1 .8s ease-out 1.8s 1;
		-moz-animation: myani1 .8s ease-out 1.8s 1;
		-webkit-animation: myani1 .8s ease-out 1.8s 1;
	}
	.slidingWrap #z8 {
		animation: myani1 .8s ease-out 2.1s 1;
		-moz-animation: myani1 .8s ease-out 2.1s 1;
		-webkit-animation: myani1 .8s ease-out 2.1s 1;
	}
	.slidingWrap #z9 {
		animation: myani1 .8s ease-out 2.4s 1;
		-moz-animation: myani1 .8s ease-out 2.4s 1;
		-webkit-animation: myani1 .8s ease-out 2.4s 1;
	}
	.slidingWrap #z10 {
		animation: myani1 .8s ease-out 2.7s 1;
		-moz-animation: myani1 .8s ease-out 2.7s 1;
		-webkit-animation: myani1 .8s ease-out 2.7s 1;
	}
	.slidingWrap #z11 {
		animation: myani1 .8s ease-out 3.0s 1;
		-moz-animation: myani1 .8s ease-out 3.0s 1;
		-webkit-animation: myani1 .8s ease-out 3.0s 1;
	}
	.slidingWrap #z12 {
		animation: myani1 .8s ease-out 3.3s 1;
		-moz-animation: myani1 .8s ease-out 3.3s 1;
		-webkit-animation: myani1 .8s ease-out 3.3s 1;
	}
	/* banner */
	#banner {
		padding: 15px 0;
	}
	#banner p {
		padding: 5px 35px;
		line-height: 2;
	}
	#banner .fxwb {
		width: 100%;
	}
	#banner .fxwb .img {
		width: 48%;
		margin-bottom: 15px;
	}
	/* ovth */
	#ovth p {
		width: 1000px;
		height: 60px;
		background-image: url(../img/index/ovth01.png);
	}
	/* slide */
	#slide {
		padding: 25px 0 5px 0;
		margin-bottom: 40px;
	}
	#slide>.container>p {
		font-size: 18px;
		padding: 0 40px;
	}
	#slide .slide {
		width: 800px;
	}
	#slide .link p a {
		font-size: 16px;
	}
}


/* SP */

@media screen and (max-width: 980px) {
	/* topImg */
	.topImg {
		width: 100%;
		background-image: url(../img/index/sp_top.png);
		-webkit-background-size: contain;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 50% 0;
	}
	/* banner */
	#banner {
		padding: 5px 0;
	}
	#banner p {
		padding: 0 10px;
	}
	#banner .fxwb {
		width: 90%;
		margin: 0 auto;
	}
	#banner .fxwb .img {
		width: 100%;
		margin-bottom: 10px;
	}
	#banner .fxwb .img img {
		margin: 0 auto;
	}
	/* ovth */
	#ovth p {
		width: 100%;
		background-repeat: no-repeat;
		background-position: 50%;
		-webkit-background-size: contain;
		background-size: contain;
	}
	/* slide */
	#slide {
		padding: 5px 0 5px 0;
		margin-bottom: 25px;
	}
	#slide>.container>p {
		font-size: 14px;
		padding: 0 10px;
	}
	#slide .slide {
		width: 100%;
	}
	#slide .slide div.wow.fadeIn {
		margin: 0 5px;
	}
	#slide .slide img {
		width: 100%;
	}
	#slide .link p a {
		font-size: 14px;
		margin-right: 10px;
	}
	.prev,
	.next {
		z-index: 1000;
		position: absolute;
		font-size: 80px;
		top: 50%;
		margin-top: -40px;
		color: rgba(51, 51, 51, .3);
	}
	prev {
		left: 0;
	}
	.next {
		right: 0;
	}
	/*newsWrap*/
	.newsWrap {
		width: 100%;
		margin: 0 auto 25px;
	}
	.newsWrap .title {
		height: 2em;
		background-position: 10px 50%;
	}
	.newsWrap .box {
		height: 10em;
	}
	.newsWrap dt {
		padding-left: 10px;
		font-size: 14px;
	}
	.newsWrap dd a {
		font-size: 14px;
	}
}


/* 縦長の場合 */

@media only screen and (max-width: 980px) and (orientation: portrait) {
	/* topImg */
	.topImg {
		height: 33vh;
	}
	/*newsWrap*/
	.newsWrap dt {
		width: 25%;
	}
	.newsWrap dd {
		width: 75%;
	}
	/* ovth */
	#ovth p {
		background-image: url(../img/index/sp_ovth01.png);
		height: 10vh;
	}
}


/* 横長の場合 */

@media only screen and (max-width: 980px) and (orientation: landscape) {
	/* topImg */
	.topImg {
		height: 97vh;
	}
	/* ovth */
	#ovth p {
		background-image: url(../img/index/ovth01.png);
		height: 10vh;
	}
	/*newsWrap*/
	.newsWrap {
		width: 80%;
	}
	.newsWrap dt {
		width: 20%;
	}
	.newsWrap dd {
		width: 80%;
	}
}