html {
  scroll-padding-top: 230px; 
}
@media only screen and (max-width: 767px) {
  html{
    scroll-padding-top: 160px; 
    }
  }

body{
  color: #333;
  font-family: Verdana, sans-serif;
  margin: 0;
}

.site-header{
  z-index: 2;
  background: #fff;
  position: fixed;
  width: 100%;
}

.content{
  display: none;
  padding: 0;
  padding-top: 230px;
  margin-top: -230px;
  color: black;
  /* text-indent:1em; */
  margin:0;
}@media only screen and (max-width: 767px) {
  .content{
    padding-top: 160px;
    }
  }

.content h1{
  text-indent:1vw;
}

.content h3{
  text-indent:1vw;
}

.content2{
  display: none;
  /* padding: 0px; */
  margin-bottom: 5px;
 }

.content3{
  display: none;
 }

.content.active{
  display: block;
}

.content2.active {
  display: inline;
}
@media only screen and (max-width: 767px) {
  .content2.active{
    display: flex;
    flex-flow: column;
    width: 70%;
    }
  }

.content3.active {
  display: block;
}

.pname{
  position: relative;
}

.ll{
  font-size: 18px;
  text-indent:1em;
}

.ll select{
  position: absolute;
  right: 0;
  margin:1px;
  padding: 1px;
}

.pname h1{
  width: 100%;
  text-align: center;
  font-size: 4vmin;
  top: 50%;
  left:50%;
  position: absolute;
  color: white;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}@media only screen and (max-width: 767px) {
  .pname h1{
    top: 35%;
    font-size: 5vmin;
    }
  }

.pname h5{
  width: 100%;
  text-align: center;
  font-size: 2vmin;
  top: 65%;
  left:50%;
  position: absolute;
  color: white;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}@media only screen and (max-width: 767px) {
  .pname h5{
    top: 70%;
    font-size: 4vmin;
    }
  }

.pname img{
  width: 100%;
  height: 200px;
}@media only screen and (max-width: 767px) {
  .pname img{
    height: 70px;
    }
  }

.content h1{
  font-size: 20px;
  height: 30px;
  background-color: #dcdcdc;
  margin:0;
}

.price2 {
  padding: 1px;
  display: flex;
}@media only screen and (max-width: 767px) {
.price2{
  display:block;
  padding: 1px;
  }
}

.use{
  background-color: #EEEEEE;
  padding-bottom: 1px;
}

#normal{
  color: blue;
  font-size: 20px;
}

#max{
  color: red;
  font-size: 20px;
}

.content ul {
  list-style: none;
}

.maps{
  background-color: #EEEEEE;
  display: flex;
}@media only screen and (max-width: 767px)  {
  .maps{
    display:block;
    padding: 1px;
  }
}

#iframe2{
  margin-top: 10px;
  margin-bottom: 10px;
}@media only screen and (max-width: 767px)  {
  #iframe2{
    text-align:center;
  }
}

#number{
  color: blue;
}

#map{
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
}

#honbun{
  font-size: large;
}

.Company{
  background-color: #EEEEEE;
  padding: 1px;
  text-indent:1em;
}

hr{
  margin:0;
  padding:0;
  background-color: #EEEEEE;
}

@media (min-width: 767px){
  .smart{
    display: none;
  }
}

@media (max-width: 767px){
.shadow{
    display: none;
  }
}