@charset "utf-8";

/*clearfix*/
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}
#wrap {
	width:949px;
	height:auto;
	margin:0 auto;
	overflow:inherit;
	min-width:949px;
	font-size:80%;
	color:#333333;
}
#wrap a:hover img {
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#wrap h3 {
	margin:0px;
	padding:0px;
}
#wrap ul#navigation {
	margin:0px;
	padding:0px;
	height:80px;
}
#wrap ul#navigation li {
	float:left;
	list-style:none;
}
#wrap #feature {
	text-align:center;
	background:url(../images/feature-bg.jpg) 0 0 repeat-y;
	height:auto;
	padding:30px 0 50px 0;
}
#wrap #feature #movie {
	margin:0 auto 20px auto;
	width:746px;
	padding:20px 20px 30px 20px;
	background:#E95378;
	/* box-shadow */
	box-shadow:rgba(51, 12, 12, 0.15) 0px 0px 3px 3px;
	-webkit-box-shadow:rgba(51, 12, 12, 0.15) 0px 0px 3px 3px;
	-moz-box-shadow:rgba(51, 12, 12, 0.15) 0px 0px 3px 3px;
}
#wrap #feature #movie h4 {
	margin:0 0 15px 0;
}
#wrap ul#feature-list {
	margin:0px;
	padding:0px;
}
#wrap ul#feature-list li {
	margin:0 0 10px 0;
	list-style:none;
}

#wrap #noribari,
#wrap #iron,
#wrap #tape {
	padding:0 0 50px 0;
	position:relative;
	height:auto;
}
#wrap #noribari h4,
#wrap #iron h4,
#wrap #tape h4 {
	margin:0 0 20px 0;
}

#wrap .floatLeft {
	float: left;
	margin-bottom: 80px;
}
#wrap #noribari h5,
#wrap #iron h5,
#wrap #tape h5 {
	margin:20px 0 20px 90px;
}
#wrap #noribari .nori-structure,
#wrap #iron .iron-structure,
#wrap #tape .tape-structure {
	text-align:left!important;
	font-size:105%;
	line-height:1.5em;
}

#wrap #noribari .nori-structure {
	float:left;
	margin:0 0 50px 15px;
	background:url("../images/nori-structure_01.jpg") 0 0 no-repeat;
	width:246px;
	height:107px;
	padding:70px 20px 0 250px;
}

#wrap #iron .iron-structure {
	float:left;
	margin:0 0 40px 15px;
	background:url("../images/iron-structure_01.jpg") 0 0 no-repeat;
	width:245px;
	height:123px;
	padding:55px 20px 0 250px;
}
#wrap #tape .tape-structure {
	float:left;
	margin:0 0 5px 15px;
	background:url("../images/tape-structure_01.jpg") 0 0 no-repeat;
	width:206px;
	height:111px;
	padding:60px 10px 0 300px;
}
#wrap #tape .tape-notice {
	float:left;
	margin:0 0 70px 15px;
	width:516px;
	color:#FF0000;
	text-align:left!important;
	font-size:80%;
}
#wrap #noribari .right-images {
	position:absolute;
	top: 89px;
	left: 551px;
	z-index:100;
}
#wrap #noribari .right-images img {
	margin:0 -10px 0 0;
}

#wrap #noribari ul {
	margin:0 0 30px 15px;
	position:relative;
	z-index:1000;
}
#wrap #noribari ul li {
	margin:0 70px 0 0;
	float:left;
	list-style:none;
}
#wrap #noribari ul li.range {
	padding:90px 0 0 0;
}

#wrap #iron .right-images {
	position:absolute;
	top: 89px;
	left: 556px;
	z-index:100;
}
#wrap #iron .right-images img {
	margin:0 -10px 0 0;
}

#wrap #iron ul {
	margin:0 0 30px 15px;
	position:relative;
	z-index:1000;
}
#wrap #iron ul li {
	margin:0 70px 0 0;
	float:left;
	list-style:none;
}
#wrap #iron ul li.range {
	padding:40px 0 0 0;
}


#wrap #tape .right-images {
	position:absolute;
	top: 99px;
	left: 561px;
	z-index:100;
}
#wrap #tape .right-images img {
	margin:0 -10px 0 0;
}

#wrap #tape ul {
	margin:0 0 30px 15px;
	position:relative;
	z-index:1000;
}
#wrap #tape ul li {
	float:left;
	list-style:none;
}
#wrap #tape ul li.moyou {
	margin:0 15px 0 0;
}
#wrap #tape ul li.range {
	padding:5px 0 0 0;
}
#wrap #tape .btn-syojigami {
	margin:0 0 60px 0;
}
#wrap #tape ul li.color-moyou {
	margin:0 0 0 80px;
}
#wrap #tape ul li.color-range {
	margin:0 0 0 20px;
}

h4,
h5{
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  background: none;
}

#wrap{
  text-align: center;
}

	#tape .structure_image {
		margin-bottom: 8px;
	}	


@media screen and  (min-width: 320px) and (max-width: 768px) {
  
  #wrap,
  #wrap #feature,
  #wrap #feature #movie iframe,
  #wrap #tape .tape-notice{
    min-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    }
  
  #wrap #feature #movie{
    width: 96%;
    padding: 2%;
    margin: 0;
  }
  
  #wrap #feature #movie iframe{
    height:auto;
  }
  
  #wrap ul#navigation li {
	float:left;
  width: 33.3%;
	list-style:none;
    margin: 0;
}
  
  #wrap img{
    width: 100%;
    height: auto;
  }
  
  #noribari div{
    width: 100%;
  }
  #wrap #noribari div h4,  #wrap #noribari div h5,  #wrap #noribari div p,
  #wrap #noriironbari div h4,  #wrap #iron div h5,  #wrap #iron div p,
  #wrap #tape div h4,  #wrap #tape div h5,  #wrap #tape div p{
    position: static;
    float: none;
    padding: 0;
    margin:1% 0;
    width: 100%;
    height: auto;
  }
  #wrap #noribari div h5,
  #wrap #iron div h5,
  #wrap #tape div h5{
    margin: 6% auto 5%;
        width: 70%;
  }
	
	#wrap .floatLeft {
		margin-bottom: 20px;
	}
  
  #wrap #noribari .nori-structure, #wrap #iron .iron-structure, #wrap #tape .tape-structure{
    width: 40%;
    padding: 5% 0 5% 60%;
    margin: 0;
    background-size:100% auto;
    height: auto;
    font-size: 80%;
    min-height: 150px;
  }
  
  #wrap #noribari .right-images,
  #wrap #iron .right-images,
  #wrap #tape .right-images{
    position: static;
    width: 90%;
    margin: 1% 5% 6%;
    padding: 0;
  }
  
  #wrap #noribari ul li.range,
  #wrap #iron ul li.range,
  #wrap #tape ul li.range,
  #wrap #tape ul li.color-range{
    margin: 7% auto 0;
        padding: 0;
        width: 40%;
	  float: none;
  }
	
#wrap #tape ul li.range,
  #wrap #tape ul li.color-range{
        width: 80%;
  }
  
  #wrap #noribari ul li,
  #wrap #iron ul li,
  #wrap #tape ul li,
  #wrap #tape ul li.moyou,
  #wrap #tape ul li.color-moyou{
    width: 31.33%;
        float: left;
        margin: 0 1% 30px;;
  }

	#wrap #noribari ul {
		margin: 0 auto 40px;
		position: relative;
		z-index: 1000;
		width: 100%;
	}	
	
#wrap #iron ul {
    margin: 0 0 0 15px;
}	
	
	#wrap #iron ul li.range {
		margin-bottom: 30px;
	}	
	

  
}