@charset "UTF-8";

@import "style.css";

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

#wrap{
  text-align: center;
}

@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:3% 5% 1% 5%;
    width: 90%;
  }
  
  #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%;
    padding: 0;
  }
  
  #wrap #noribari ul li.range,
  #wrap #iron ul li.range,
  #wrap #tape ul li.range,
  #wrap #tape ul li.color-range{
    margin: 1% 20%;
    padding: 0;
    width: 60%;
  }
  
  #wrap #noribari ul li,
  #wrap #iron ul li,
  #wrap #tape ul li,
  #wrap #tape ul li.moyou,
  #wrap #tape ul li.color-moyou{
    width: 30%;
    float: left;
    margin: 0 1%;
  }
  
}