@charset "UTF-8";
.fnt-mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.wrap {
  padding: 0;
}

@keyframes moveAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -256.3vw 0;
  }
}

img {
  width: 100%;
  height: auto;
}

#sec1 {
  padding: 10vw 0 30vw;
  background: url("../img/shopping/sec_bg.jpg") center bottom no-repeat;
  background-size: 100%;
}

#sec1 h2 {
  margin-bottom: 20px;
}

#sec1 .txt {
  width: 84%;
  margin: 0 auto 17vw;
  text-align: justify;
}

#sec1 .list {
  height: 34.66667vw;
  background: url("../img/shopping/sec1_list.png") center left;
  background-size: 256.3vw;
  animation: moveAni 20s infinite linear;
}

#sec2 {
  padding-top: 15vw;
}

#sec2 h2 {
  position: relative;
}

#sec2 h2 span {
  position: absolute;
  top: 28vw;
  right: 0;
  left: 0;
  text-align: center;
}

#sec2 .photo {
  padding: 0 8% 8vw;
}

#sec2 .content {
  width: 84%;
  margin: auto;
  padding-bottom: 30px;
}

#sec2 .content h3 {
  font-size: 5vw;
  line-height: 10vw;
  color: #fff;
  letter-spacing: 0.15em;
  position: relative;
  padding-left: 7%;
  z-index: 1;
  margin-bottom: 3vw;
}

#sec2 .content h3:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 345px;
  background: url("../img/shopping/sec2_ttl_bg.png") center left;
  background-size: 100%;
  z-index: -1;
  color: #fff;
}

#sec2 .content dl dt {
  font-size: 7vw;
  line-height: 10vw;
  margin-bottom: 4px;
  padding-left: 40px;
  position: relative;
}

#sec2 .content dl dt:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  width: 30px;
  height: 5px;
  background: #be9340;
}

#sec2 .content dl dd {
  font-size: 5.5vw;
  line-height: 7vw;
  letter-spacing: 0.1em;
  text-align: right;
}

#sec2 .content dl dd span {
  font-size: 4.5vw;
}

#sec2 .content .txt {
  margin: 5vw 0 10vw;
  text-align: justify;
}
#sec2 .content .txt span{
  font-weight: bold;
	color: #AC0002;
}

#sec2 .content .btnlink {
  width: 108%;
  margin-left: -4%;
}

#sec2 .set1 {
  background: url("../img/shopping/bg2.jpg");
  padding: 13vw 0 18vw;
}
#sec2 .set2 {
  background: url("../img/shopping/sec2_bottom_bg.jpg") top center repeat-x;
  padding-bottom: 15vw;
}

#sec2 .bottom {
  width: 84%;
  margin: 0 auto;
  /* padding-bottom: 15vw; */
}

#sec2 .prod {
  margin: 0 0 15vw;
  padding: 8vw 8% 8vw;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  background: url("../img/shopping/bg2.jpg");
  text-align: center;
}

#sec2 .prod .photo3 {
  margin-bottom: 8vw;
}

#sec2 .prod dl {
  margin-bottom: 7vw;
}

#sec2 .prod dl dt {
  font-size: 5.5vw;
  line-height: 9vw;
}

#sec2 .prod dl dd {
  font-size: 5.5vw;
  line-height: 9vw;
}

#sec2 .prod dl dd span {
  font-size: 4vw;
}
#sec2 .bnr{
  padding: 10% 3% 15%;
}

#sec3 {
  padding: 15vw 0 20vw;
  background-image: url("../img/shopping/pat2.jpg");
  background-repeat: repeat-y;
  background-size: 100%;
}

#sec3 .set1 {
  width: 85%;
  margin: auto;
}

#sec3 .set2 .photo, #sec3 .set3 .photo {
  width: 80%;
  margin: auto;
}

#sec3 .set2 {
  margin-bottom: 7vw;
}

footer {
  padding: 15vw 0 0;
  background: url("../img/shared/ft-bg.png") no-repeat center top/100%, url("../img/shopping/pat2.jpg") repeat-y center/100%;
}


.info{
background-color: rgba(255,255,255,0.30);
    margin: 0 auto 10%;
    color: #780002;
    width: 95%;
    padding: 5% 0 5%;
}
.info p{
    padding: 5%;
}