@charset "UTF-8";
/* CSS Document */



@media screen and (min-width:769px) {

/*============title============*/

.title_bg{
	background: url(../../ship/images/title_bg.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	width: 100%;
height:300px;
}

 /*============ship==============*/

 .section01 {
	overflow: hidden;
	width: 1004px;
	margin: 0 auto ;
	padding:30px 0 56px 0;

}
.itemList {
	overflow: hidden;
	clear: both;
	width: 1017px;
	margin:-0;

	
	
}
.itemList li {
	display:table-cell;
	float: left;
        width: 326px;
	margin: 0 13px 0px 0px;
}

.itemimg{
	margin: 0;}


.banner3 {
  position: relative;
  background: rgba(0,0,0,1);
  }

.banner3 img {
	filter:alpha(opacity=70);
   -moz-opacity: 0.7;
   opacity: 0.7;
   width:326px;
   height:285px;

}

.banner31 {
  position: absolute;
  bottom: 20px;
  left: 20px;
  margin:0;
  font-size: 1.6rem;
  border: solid white 1px;
  padding: 7px;
 color: white;
	  text-decoration: none;
	  font-weight:700;

  }
  


.banner3  a:hover img{
	filter:alpha(opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;

}

.banner_ya{font-size:1.0rem;
transform: scale( 0.5 , 1 );
vertical-align: 2px;}


}


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

.title_bg{
	background: url(../../ship/images/title_bg.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	width: 100%;
height:180px;
}

 /*============ship==============*/
.section01 {
	width: 90%;
	margin: 0 auto ;
	padding:1em 0 1em 0;

}
.itemList {
	clear: both;
	width: 100%;
	margin:-0;

	
	
}
.itemList li {
        width: 100%;
	margin: 0;
}

.itemimg{
	margin: 0;}




.banner3 {
  position: relative;
  background: rgba(0,0,0,1);
  margin-bottom:2em;
  }

.banner3 img {
	filter:alpha(opacity=70);
   -moz-opacity: 0.7;
   opacity: 0.7;
width:100%;
   height:auto;
}

.banner31 {
  position: absolute;
  bottom: 1em;
  left: 1em;
  margin:0;
  font-size: 1.3rem;
  border: solid white 1px;
  padding: 6px;
 color: white;
	  text-decoration: none;
	  font-weight:700;

  }
  


.banner3  a:hover img{
	filter:alpha(opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;

}

.banner_ya{font-size:0.8rem;
transform: scale( 0.5 , 1 );
vertical-align: 1px;}


}