/* @PAGE
================================= */
body#system .each {
  padding: 20px 20px;
}
body#system .each h3 {
  text-align: center;
  padding-bottom: 10px;
}
body#system .each h3 img {
  width: 95%;
  height:auto;
}
body#system .each > p {
  text-align: center;
}
body#system .each > p img {
  width: 95%;
  height:auto;
}
body#system .each ul#sys_nav{
	  text-align:center;
	  font-size:0;
	  padding:0px 0px 30px;
  }
body#system .each ul#sys_nav li{
	  display:inline-block;
}
body#system .each ul#sys_nav li img{
	  width:80%;
	  height:auto;
}

/*ギャラリー*/
#sec4{margin:50px 0px 0px 0px;}
#gallery_wrap{width:90%; margin:0px auto;}
.sceneArea{
	margin-top:0px;
	margin-bottom:20px;
	padding-top:53%;
	position:relative;
	height:auto;
	border:1px solid #5d0100;
	overflow:hidden;
	}
.sceneArea img{
	width:100%;
	height:auto;
	bottom:0px;
	left:0px;
	}
#thumbArea{width:100%; text-align:center; font-size:0;}
#thumbArea li{width:50%; height:auto; display:inline-block; text-align:center; margin:5px 0px; overflow:hidden;}
#thumbArea li a{width:98%; display:block; background:#000; margin:0px auto;}
#thumbArea li img{width:100%; height:auto;}
#thumbArea li .gallery_link_off img{opacity:0.5;}
#thumbArea li .gallery_link_off img:hover{opacity:0.8;}
#thumbArea li .gallery_link_on img{opacity:1;}


.caution{
	margin:10px 0px 0px 0px;
	}

@media screen and (min-width: 767px) {
  /*PC*/
  body#system .each {
    padding: 20px 0;
  }
  body#system .each h3 {
    padding-bottom: 20px;
  }
  body#system .each h3 img {
    width: initial;
    width: auto;
	height:auto;
  }
  body#system .each > p img {
    width: initial;
    width: auto;
  }
  body#system .each ul#sys_nav{
	  text-align:center;
	  font-size:0;
	  padding:0px 0px 30px;
  }
  body#system .each ul#sys_nav li{
	  display:inline-block;
	  margin:0px 10px;
  }
  body#system .each ul#sys_nav li a:hover{
	  opacity:0.8;
  }
  body#system .each ul#sys_nav li img{
	  width:100%;
	  height:auto;
}


/*ギャラリー*/
#gallery_wrap{width:800px; margin:0px auto;}
.sceneArea{
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 0px;
	position: relative;
	width: 798px;
	height: 435px;
	border: 1px solid #5d0100;
	overflow: hidden;
	background-image: url(../images/system/gallery/sa_bg.gif);
	background-position: center center;
	}
.sceneArea img{
	max-width:798px;
	width:auto;
	height:auto;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
	}
	
#thumbArea{width:100%; text-align:center; font-size:0;}
#thumbArea li{width:25%; height:105px; display:inline-block; text-align:center; margin:5px 0px; overflow:hidden;}
#thumbArea li a{width:98%; display:block; background:#000;}
#thumbArea li img{width:100%; height:auto;}
#thumbArea li .gallery_link_off img{opacity:0.5;}
#thumbArea li .gallery_link_off img:hover{opacity:0.8;}
#thumbArea li .gallery_link_on img{opacity:1;}


.caution{
	margin:30px 0px 0px 0px;
	}
}