@charset "euc-jp";
.slider {
  position: relative;
}
.bx-viewport {
  border: none !important;
  left: 0 !important;
}
#slider div {
  width: 100% !important;
}

.more_prd {
  display: none;
  background-color: #aaa;
  color: #fff;
  font-size: 123.076%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.free_space_block {
  margin-top: 3em;
}

.swiper-container { height: calc(100vh - 84px); }
.swiper-slide { background-size: cover !important; background-position: center center !important; }
.swiper-pagination-bullet {width: 12px !important; height: 12px !important;background: none !important;opacity: 1 !important; border: 2px solid #fff; }
.swiper-pagination-bullet-active { background: #fff !important; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 20px !important;}
.header-content { position: absolute; bottom: 60px;left: 0; right: 0; width: 90%; margin: auto; }
.header-content h2 { font-size: 20px; color: #fff; margin-bottom: 15px; }
.header-content.left { text-align: left; }
.header-content.right { text-align: right; }
#section-slideshow .Button.aboutus p { line-height: 2em; } {color: #363636; border-color: #ffffff;}
#section-slideshow .Button::before { background-color: #ffffff;}
#section-slideshow .Button:hover {color: #ffffff;}
.swiper-button-prev, .swiper-button-next { display: none !important; }
.prd_recommend_block { margin: 0 20px; }
.ttl_h2 { font-size: 20px; text-align: center; margin-bottom: 50px; }
.aboutus { background: url(https://img21.shop-pro.jp/PA01429/241/etc/about-bg.jpg) no-repeat center center; background-size: cover; padding: 30px 0 80px; text-align: center; color: #fff; margin-top: 100px; }
.aboutus a { background: #fff; padding: 10px 25px; display: inline-block; margin-top: 40px; color: #202020; }
.aboutus h2 { color: #fff; }

html, body {
  height: 100%;
}

.wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button {
  width: 140px;
  height: 45px;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 500;
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 45px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  }

.button:hover {
  background-color: #549900;
  box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
  color: #fff;
  transform: translateY(-7px);
}


Resources

.collection { background: #f3f3f3; padding: 80px 0 100px; }
.info_block { padding: 30px 0 70px; }
.information { max-width: 800px; margin: auto; padding: 0 20px; }


@media screen and (min-width: 1000px) {
  .prd_recommend_block { margin: 90px 90px 0; }
}

@media screen and (max-width: 800px) {
  .swiper-container { height: 80vh; }
  .collection { padding: 50px 0 60px;}
}


.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}
.iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}