@charset "UTF-8";
html {
  font-size: 16px;
}

#wrapper {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic StdN", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "YuGothic Medium", "游ゴシック", "Yu Gothic", メイリオ, Meiryo, sans-serif;
  width: 100%;
  max-width: 46.875rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}


/*============================
#wrapper
============================*/
#wrapper {
  max-width: 640px;
  margin: 0 auto;
  width: 100%;
}
#wrapper img{
  width: 100%;
  height: auto;
}
#wrapper .p-box{
  position: relative;
}
/*============================
#fv
============================*/

#wrapper #fv video{
  position: absolute;
  width: calc(430/750*100%);
  top: 10%;
  left: 50%;
  transform: translateX(-50%);

}
/*============================
.offer-l
============================*/
#wrapper a{
  transition: all ease 0.3s;
}
#wrapper a:hover{
  filter: brightness(1.1);
}
#wrapper .offer .btn-offer{
  position: absolute;
  width: calc(536/640*100%);
  left: 50%;
  transform: translateX(-50%);
}
#wrapper .offer.offer-l .btn-offer {
  top:3%;
}
#wrapper .offer.offer-s .btn-offer {
  top:3%;
}


/*============================
#footer
============================*/
#wrapper #footer {
  margin-top: min(calc(60/750*100%),60px);
}
#wrapper #footer .footer {
}
#wrapper .bl_floatArea.js_floatArea {
}
#wrapper .bl_floatArea.js_floatArea .bl_floatArea_inner {
}
#wrapper .bl_floatArea.js_floatArea .bl_floatArea_inner .bl_floatArea_btn {
}




/* ---------------------------------------------
 追従ボタン
--------------------------------------------- */
.bl_floatArea {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s, opacity .4s;
  box-sizing: border-box;
}
.bl_floatArea.is_show {
  visibility: visible;
  opacity: 1;
}
.bl_floatArea_inner {
  max-width: 670px;
  margin: auto;
  padding: 0;
  box-sizing: border-box;
}

/* ボタン */
.bl_floatArea_btn {
  display: block;
}
.bl_floatArea_btn img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* 背景色付き ver */
.bl_floatArea.bl_floatArea__bg {
  background-color: rgba(255, 255, 255, .5);
}
/* パディングなし ver */
.bl_floatArea.bl_floatArea__p0 .bl_floatArea_inner {
  padding: 0;
}