@charset "UTF-8";
header {
  background: url(/store/nori/2021/images/bg_top_winter.jpg) no-repeat;
  background-size: cover;
}
header h1 {
  background: url(/store/nori/2021/images/ttl_main_winter.png) no-repeat;
  background-size: contain;
  width: 24%;
  height: 0;
  padding-top: 32.7%;
  top: 60px;
  right: 3vw;
  bottom: auto;
  left: auto;
  margin: 0;
}
header .info {
  letter-spacing: .12em;
}
.items h3 span.small {
  font-size: 2.1rem;
  padding-bottom: 0.5em;
  display: inline-block;
}
.img_items.furikake h3 {
  right: 120px;
  font-feature-settings: "palt";
  letter-spacing: .1em;
}
.img_items.furikake img {
  margin-left: -38%;
}
.sold{font-size: 1.7rem;}
.text p{display: inline-block;}
.items h3 span.tax {
  font-feature-settings: "palt";
}
#form main h1 {
  background: url(../images/ttl_form_winter.jpg) no-repeat;
  background-size: contain;
}
#form .top h2 {
  background: url(../images/ttl_form-sale_winter.svg) no-repeat;
  background-size: contain;
}
#form .top h2.pre {
  width: 359px;
  padding-top: 12.8%;
  background: url(../images/ttl_form_winter-pre.svg) no-repeat;
  background-size: contain;
}
#form .contents div span {
  padding-top: 0;
}
.contents div.memo{font-size: 1.2rem; margin: -30px auto 30px;}
@media screen and (min-width: 769px){
  #form .nori.furikake h3.txt {
    padding-bottom: 65px;
  }
}
@media screen and (max-width: 768px){
  header{
    background: url(/store/nori/2021/images/bg_top_winter_sp.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  header h1{
    width: 43.75%;
    padding-top: 58.7%;
    top: 17vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .img_items.furikake img {
    width: 107px;
    margin-left: 0;
  }
  .items h3 span.small {
    font-size: 1.1rem;
  }
  .items h3 span.mid {
    font-size: 1.6rem;
  }
  .img_items.furikake h3 {
    right: 0;
    bottom: -8em;
  }

  #index .img_items.furikake {
    margin-bottom: 180px;
  }
}
@media screen and (max-width: 640px){
  .sold{font-size: 3.6vw;}
  .text p{display: block;}
  #index .img_items.furikake {
    margin-bottom: 120px;
  }
  .contents div.memo{text-align: left;width: 80%;margin: -10px auto 30px;}
  header .info {
    letter-spacing: 0;
  }
}
