@charset "UTF-8";
@media screen and (min-width: 769px) {

#spTop{display:none;}

/*ページ背景*/
#contentsBox {
	width: 100%;
	min-height: 100%;
	background-color: #ffffff;
}


/* ホバー */
.mouseHvr {
	opacity: 1;
}

.mouseHvr:hover {
	opacity: 0.7;
}


/*ヘッダー*/
#header {
	width: 100%;
	height: 100px;
	background: url('../images/headerBg.png') repeat-x center top;
}

#headerInner {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	position: relative;
}

#headerInner h1 {
	width: 300px;
	padding-top: 10px;
	line-height: 0;
	float: left;
}

#subNav {
	width: 380px;
	padding-top: 25px;
	float: right;
}

#subNav li {
	margin-left: 10px;
	line-height: 0;
	float: left;
}

#gloNav {
	display: block;
	position: absolute;
	top: 120px;
	left: 0;
	z-index: 100;
}

#gloNav li {
	width: 192px;
	line-height: 0;
	float: left;
}


/*コンテンツ*/

#contentsArea {
	width: 960px;
}

#contentsLeft {
	width: 680px;
	float: left;
}
#contentsLeft ul#linkBox {
	display:none;
}




/*サイドコンテンツ*/
#contentsRight {
	width: 240px;
	float: right;
}

#contact {
	margin-bottom: 10px;
	line-height: 0;
}

#banner01 {
	margin-bottom: 15px;
	line-height: 0;
}

#banner02 {
	margin-bottom: 15px;
	line-height: 0;
}




/*フッター*/
#footer {
	width: 100%;
}

#pageTop {
	
	height: 44px;
	margin: 0 auto;
	position: relative;
}

#pageTop p {
	width: 56px;
	line-height: 0;
	position: absolute;
	top: 0;
	right: 0;
}

#footerContents {
	width: 100%;
	height: 205px;
	background-color:#333;
}

#footerContents p {
	width: 960px;
	margin: 0 auto 15px;
	padding-top: 50px;
	line-height: 0;
}
#footerContents p img, ul{
	float:left;
	

}

#footerContents li {

	margin-left:20px;
	color:#FFF;
	display:inline;
	border-right:1px dashed #ddd;
	padding:0 20px;
	
}

address {
	clear:both;
	color: #ffffff;
	font-style: normal;
	font-size: 65%;
	text-align: center;
}
	#spundermenu{ display:none;}
	span.makersp{ display:none;}
	#spNavHeader{display:none;}
	#spmain,#bxsliderSP{display:none;}	
	#spNavHeader,#black,#spNav,#tabcontentsArea{
		display: none;
	}

}

@media screen and (max-width:768px)

{
	body{font-size: 4.5vw;}
	h1{ font-size::7.2vw;float:none;}
	h2{ font-size:6vw;}
	#header{display:none;}
	#main,#bxslider{display:none;}
	#subMain{display:none;}
	#topic-path{display:none;}
	span.movieunder{display:none;}
	span.maker{ display:none;}
	
	#spmain,#contentsArea,#footerContents,#contentsLeft,#contentsRight,#pageTop {
		width:100%;
		height:auto;
		
	}
	
	#bxsliderSP{
		margin-top:-70px;
		
	}

	
	#footerContents {
		width: 100%;
		height: 250px;
		background-color:#333;
	}
	
	#footerContents p {
		width: 320px;
		margin: 0 auto 15px;
		padding-top: 50px;
		
	}
	#footerContents li{
		margin:10px;
		color:#FFF;
		display:inline;
		border-right:1px dashed #ddd;
		padding:0 15px;
		font-size:14px;
		list-style-type: disc;
  float: left;
	}
	#footerContents address{ display:none;}


	#sptop img,#contentsLeft img,#contentsRight img{
		width:100%;
		height:auto;
		
	}
	#contentsLeft ._fukugan-list img{
		width:auto;!important
}

	


	.movie {
		margin:0 auto;
}
	span.movie, #bxslider{ display:none;}
	#pcundermenu{ display:none;}

	#footerContents span img{
		float:right;
		margin-right:20px;
		width:42px;
		height:29px;
		border-right:none;
	}
}
	#footerContents li a{
		color:#FFF;
		
	}
	#footerContents li.lastMenu {
		border-right:none;
	}

	.mov-wrapper{
		position:relative;
		width:100%;
		height:0;
		padding-top:75%;
	}
	.mov-wrapper iframe{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.object-fit-img {
	  object-fit: cover;
		object-position: 0 100%;
		font-family: 'object-fit: cover;'
}