/**
 * top css
 */

.side .logo{
	padding-top: 50px;
	padding-bottom: 65px;
}
.side .logo_en{
	padding-bottom: 50px;
}
.side .copyright{
	display: block;
}
.side .sns_box{
	padding-bottom: 20px;
}
.side .search_box{
	margin-bottom: 50px;
}
.side .copyright{
	font-size: 10px;
}


/* ----
	contents
---- */
.mvContainer{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.mvContainer .arrowLeft,
.mvContainer .arrowRight{
	width: 40px;
	height: 690px;
	position: absolute;
	display: block;
	background-color: rgba(0,0,0,.5);
	top: 0;
	left: -40px;
}
.mvContainer .arrowRight{
	left: auto;
	right: -40px;
}
.mvContainer .arrowLeft::before{
	content: '';
	width: 14px;
	height: 14px;
	border-bottom: 3px solid;
	border-left: 3px solid;
	border-color: white;
	position: absolute;
	top: calc(50% - 7px);
	left: calc(50% - 7px);
	-ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mvContainer .arrowRight::before{
	content: '';
	width: 14px;
	height: 14px;
	border-top: 3px solid;
	border-right: 3px solid;
	border-color: white;
	position: absolute;
	top: calc(50% - 14px);
	left: calc(50% - 14px);
	-ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mv{
	width: 100%;
	height: 730px;
	overflow: hidden;
}
#mv .photo{
	width: 100%;
	height: 690px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
#mv a{
  display: block;
  transition: all .2s;
}
#mv a:hover{
  opacity: .9;
}
#mv p{
	padding: 5px;
	text-align: right;
}
#news{
	padding-bottom: 10px;
}
.news_title.titillium{
	font-weight: 600;
	position: absolute;
	letter-spacing: 1px;
	font-size: 15px;
}
.newsBox{
	padding-bottom: 20px;
}
.newsBox a:hover{
	text-decoration: none;
	opacity: .7;
}

dl{
	padding-left: 100px;
	overflow: hidden;
}
dt,dd{
	float: left;
	padding-bottom: 5px;
}
dt{
	clear: left;
	width: 100px;
}
dd{
	width: 680px;
}
#banner{
	width: 100%;
	overflow: hidden;
}
#banner ul{
	width: 977px;
	overflow: hidden;
}
#banner ul li{
	float: left;
	margin-right: 33px;
}

@media screen and (max-width:480px){
	header h1{
		/*
		padding-top: 50px;
		padding-bottom: 65px;
		*/
		padding: 5px 0 0 20px;
	}
	#mv{
		/*
		width: 100%;
		overflow: hidden;
		*/
		height: 300px;
	}
	#mv .photo{
		/*
		width: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		*/
		height: 260px;
	}
	.news_title{
		/* position: absolute; */
		position: static;
		padding-bottom: 10px;
	}
	dl{
		/* padding-left: 70px; */
		padding-left: 0;
		overflow: hidden;
	}
	dt,dd{
		/*
		float: left;
		padding-bottom: 5px;
		*/
		float: none;
		padding-bottom: 0;
	}
	dt{
		/*
		clear: left;
		width: 100px;
		*/
		width: auto;
	}
	dd{
		/* width: 680px; */
		width: auto;
		padding-bottom: 10px;
	}
	.news_title.titillium{
		position: static;
		padding-bottom: 15px;
	}
	.newsBox{
		padding-bottom: 20px;
	}
	.newsBox dd{
		box-sizing: border-box;
	}
	.newsBox dd a{
		display: block;
		padding-bottom: 10px;
		margin-bottom: 5px;
		border-bottom: 1px dashed #999;
	}
	.exbiBox dd{
		padding-bottom: 0;
	}
	.exbiBox .right_box{
		padding-top: 10px;
	}
	#banner ul{
		/*
		width: 977px;
		*/
		width: auto;
		overflow: hidden;
		display: none;
	}
	#banner ul li{
		width: 50%;
		margin-right: 0;
	}
	#banner ul li img{
		display: block;
	}

	.arrowLeft,
	.arrowRight{
		display: none;
	}
}