.mv{
  position: relative;
  width:100%;
  height:60vw;
}
.mv [data-slide]{
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: cover;
    padding: 20vw 5vw;
  width: 100%;
    height: 100%;
  position:absolute;
  top:0;
  left:0;
   margin: 0;
   opacity:0;
  -webkit-transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease;
  -moz-transition-delay: 0s;
  -moz-transition-duration: 1s;
  -moz-transition-property: all;
  -moz-transition-timing-function: ease;
  -ms-transition-delay: 0s;
  -ms-transition-duration: 1s;
  -ms-transition-property: all;
  -ms-transition-timing-function: ease;
  -o-transition-delay: 0s;
  -o-transition-duration: 1s;
  -o-transition-property: all;
  -o-transition-timing-function: ease;
  transition-delay: 0s;
  transition-duration: 1s;
  transition-property: all;
  transition-timing-function: ease;
}
.mv [data-slide].active{
  opacity:1;
}
.mv [data-slide="1"]{
  background-image: url(https://img21.shop-pro.jp/PA01398/668/etc/home_mv_bg.jpg);
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mv [data-slide="1"] .logo{
  width: 36vw;
  max-width: 259px;
  margin: 0;
}
.mv [data-slide="1"] .catch{
  max-width: 61px;
  position: absolute;
  top: 5vw;
  right: 23%;
}
.mv [data-slide="2"]{
  background-image: url(https://img21.shop-pro.jp/PA01398/668/etc/home_mv02_bg.jpg);
}
.mv [data-slide="2"] .logo{
  width: 20vw;
  margin: 0;
  position: absolute;
  bottom: 1vw;
  left: 40vw;
}
.mv [data-slide="2"] .catch{
  position: absolute;
  top: 5vw;
  right: 16vw;
  width: 10vw;
}
.mv [data-slide="3"]{
  background-image: url(https://img21.shop-pro.jp/PA01398/668/etc/home_mv03_bg.jpg);
}
.mv [data-slide="3"] .logo{
	width: 16vw;
    margin: 0;
    position: absolute;
    top: 2vw;
    left: 2vw;
}
.mv [data-slide="3"] .catch{
	position: absolute;
    top: 0vw;
    right: 2vw;
    width: 22vw;
}
.mv+p{
  text-align: center;
  margin: 5vw;
}
p.buy{
  text-align: center;
  margin: 4em 0;
}
p.buy a{
    font-size: 20px;
    padding: 0.25em 1em;
}
p.buy a:hover{
  text-decoration:none;
}

p.banner_amazon{
  text-align: center;
  margin: 4em 0;
}
p.banner_amazon a{
  transition: 0.2s;
}
p.banner_amazon a:hover{
  opacity: 0.8;
}

div.shintama{
	text-align: center;
    width: 90%;
    max-width: 978px;
    margin-left: auto;
    margin-right: auto;
}
div.shintama span{
  display: inline-block;
}

section{
  padding: 4em 0;
  text-align: center;
}
section p,
#news ul{
  line-height: 2em;
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#about{
  background-color: #eaf6fd;
}

#quality{
  background-color: #e5f0d8;
}

.blog a{
  background-image:url(https://img21.shop-pro.jp/PA01398/668/etc/home_blog.png);
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  width: 90%;
  max-width: 505px;
  height: calc(90vw /1012 * 175);
  max-height: 87px;
  margin: 1rem auto;
}
.blog a:hover{
  background-position: 50% 100%;
}
#tsuijuku{
  padding-top: calc(100vw / 1286 * 206);
  background-image: url(https://img21.shop-pro.jp/PA01398/668/etc/home_tsuijuku_img.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: contain;
}
#tsuijuku h2{
  width: 90%;
  height: calc(90vw / 600 * 62);
  max-width: 600px;
  max-height: 62px;
  margin: 4rem auto;
}
#buy{
}
#buy .prd-lst{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 1em;
}
#buy .prd-lst-unit2{
    width: calc(20% - 2em);
    padding: 0;
    margin: 2em 1em;
    text-align: center;
}

#factory ul{
  width: 100%;
  height: calc(100vw / 2880 * 1251);
  overflow:hidden;
  position:relative;
  margin: 0 auto;
}
#factory li{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  -webkit-transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease;
  -moz-transition-delay: 0s;
  -moz-transition-duration: 1s;
  -moz-transition-property: all;
  -moz-transition-timing-function: ease;
  -ms-transition-delay: 0s;
  -ms-transition-duration: 1s;
  -ms-transition-property: all;
  -ms-transition-timing-function: ease;
  -o-transition-delay: 0s;
  -o-transition-duration: 1s;
  -o-transition-property: all;
  -o-transition-timing-function: ease;
  transition-delay: 0s;
  transition-duration: 1s;
  transition-property: all;
  transition-timing-function: ease;
}
#factory li.active{
  opacity:1;
}
#factory li img{
  display:block;
  width:100%;
  height:auto;
}

#profile{
  background-color: #eaf6fd;
}
#profile dl{
  width: 40em;
    margin: 0 auto;
    display: table;
    text-align: justify;
    font-size: 12px;
    margin-top: 2em;
}
#profile dt{
  display: table-cell;
    width: 30%;
    line-height: 2em;
}
#profile dd{
  display: table-cell;
    width: 70%;
    line-height: 2em;
}

#affiliatedcompany{
  background-color: #e5f0d8;
}
#affiliatedcompany ul{
  width: 50em;
    margin: 0 auto;
}
#affiliatedcompany li{
  display: inline-block;
    width: 17em;
    text-align: left;
    font-size: 12px;
    line-height: 2em;
    margin: 1em;
}

#access{
  margin-bottom: 0;
  padding-bottom: 0;
}
#access iframe{
  width: 100%;
  height: 38vw;
}

#contact{
   background-color: #eaf6fd;
    margin-top: 0;
    margin-bottom: 0;
}
#contact .tel,
#contact .email{
      display: inline-block;
    width: auto;
    margin: 1em;
}
#contact .tel a,
#contact .email a{
  background-color: #1bb8ce;
    padding: 1em 1em 1em 4em;
    line-height: 2em;
    display: block;
    border-radius: 0.25em;
    color: #fff;
    position: relative;
    max-width: 12em;
    width: 90vw;
    text-align: left;
}
#contact .tel a:before,
#contact .email a:before{
  content: "";
    width: 2em;
    height: 2em;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  display: block;
    position: absolute;
    top: 1em;
    left: 1em;
}
#contact .tel a:before{
  background-image: url(https://img21.shop-pro.jp/PA01398/668/etc/footer_tel.png);
}
#contact .email a:before{
  background-image: url(https://img21.shop-pro.jp/PA01398/668/etc/footer_email.png);
}

@media (max-width: 768px){
  .mv{
    height: 100vw;
  }
  .mv [data-slide="1"] .logo{
    width: 36vw;
  }
  .mv [data-slide="1"] .catch{
    width: 12vw;
    top: 10vw;
    right: 10vw;
}
.mv [data-slide="2"] .logo{
  width: 36vw;
  left: 32vw;
}
.mv [data-slide="2"] .catch{
  top: 1vw;
  right: 1vw;
  width: 20vw;
}
#buy .prd-lst{
    padding: 0 0.5em;
}
#buy .prd-lst-unit2{
    width: calc(33.33% - 1em);
    margin: 0.5em;
}
  #profile dl{
    width: auto;
    display: block;
    margin: 2em;
  }
  #profile dt{
    width: auto;
    display: block;
  }
  #profile dd{
    width: auto;
    display: block;
    margin: 0;
  }
  #affiliatedcompany ul{
    width: auto;
  }
  #affiliatedcompany li{
    width: auto;
  }
}