@charset "utf-8";
* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}
body {
  font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#000;
  line-height: 1.5em;
}
ul,ol {
  list-style-type:none;
}
a:hover {
  opacity:1.0;
}
a:focus {
  outline: none;
}
img{
	height:auto;
	border:0;
	vertical-align:top;
  max-width: 100%;
	margin:0;
}
video {
  vertical-align: bottom;
  width:100%;
  height:auto;
  outline: none;
}
.content_wrap {
  max-width: 750px;
  margin:0 auto;
  overflow: hidden;
  padding-bottom:230px;
}
.content_wrap img {
  display: block;
  height: auto;
}
.rl {
  position: relative;
}
.swiper.slide01 {
  position: absolute;
  width: 100%;
  height: 311px;
  left:0;
  top:50px;
}

.cta{ 
  position: relative;
}
.cta .btn_cart.teiki{
  position: absolute;
  left: 5%;
  width: 90%;
}
.cta .btn_cart.teiki.btn_barkbrown{
  top: 4%;
  left: 4%;
}
.cta .btn_cart.teiki.btn_lightbrown{
  top: 14.5%;
}
.cta .btn_cart.teiki.btn_naturalbrown{
  top: 23.5%;
}
.cta .btn_cart.teiki.btn_black{
  top: 32.5%;
}

.swiper-button-prev,
.swiper-button-next {
  width:96px!important;
  height:189px!important;
  outline: none;
  border:0;
  top:30%!important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 96px!important;
  margin: auto;
  width: 189px!important;
  outline: none;
  border:0;
}
.slide01 [class^="swiper-button-"]::after{
    content: ""!important;
}
.slide01 [class^="swiper-button-"] {
  width: 96px;
  height: 189px;
}
.slide01 .swiper-button-next{
  right: 0!important;
}
.slide01 .swiper-button-prev{
  left: 0!important;
}
.video01 {
  position: absolute;
  width: 100%;
  left:0;
  top:453px;
  z-index: -1;
}
.video02 {
  position: absolute;
  width: 650px;
  top:32px;
  left:50px;
  z-index: -1;
}
.slide02 {
  position: absolute;
  width: 94%;
  top:83px;
  left:6%;
  height:340px;
  overflow: hidden;
}
.btm-fix {
  display: none;
  position: fixed;
  bottom:0;
  left:50%;
  margin-left:-375px;
  z-index: 10;
  height:230px;
}
.btm-fix .anc-list {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 475px;
  bottom:0;
  left:20px;
}
.btm-fix .anc-list li {
  width: 157px;
}
.btm-fix .sec_buy_btn {
  position: absolute;
  right:22px;
  bottom:5px;
  width: 211px;
}
@media(max-width:749px) {
 .content_wrap {
   padding-bottom:30.7vw;
 }
 img {
   width: 100%;
 }
 .swiper.slide01 {
   height: 41.5vw;
   top:6.7vw;
 }
 .swiper-button-prev,
 .swiper-button-next {
   width:12.8vw!important;
   height:25.2vw!important;
   top:31%!important;
 }
 .swiper-button-prev::after,
 .swiper-button-next::after {
   width:12.8vw!important;
   height:25.2vw!important;
 }
 .slide01 [class^="swiper-button-"] {
   width:12.8vw!important;
   height:25.2vw!important;
 }
 .video01 {
   top:60.4vw;
 }
 .video02 {
   width: 86.6vw;
   top:4.26vw;
   left:6.7vw;
 }
 .slide02 {
   top:11vw;
   height:45.3vw;
 }
 .btm-fix {
   left:0;
   margin-left:0;
   height:30.7vw;
 }
 .btm-fix .anc-list {
   width: 64.5vw;
   left:2.66vw;
 }
 .btm-fix .anc-list li {
   width: 20.93vw;
 }
 .btm-fix .sec_buy_btn {
   right:2.93vw;
   bottom:0.66vw;
   width: 28.13vw;
 }
}

.footer{
  font-size: 75%;
  line-height: 1.5;
  color: #333333;
  text-align: center;
  padding: 30px 0 0 0;
}
.footer ul{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
  line-height: 2;
}
.footer li{
  margin: 0 10px;
  width: 40%;
  white-space: nowrap;
}
.footer li a{
  text-decoration: underline;
}
.footer .copy{
  font-size: 10px;
}