/*
 Theme Name:     sano-mirai Event LP
Description:   rbconsultingjp.com/sano

 Version:        1.0.0
*/

/* Add Custom CSS after this line */
.page-id-1712 .entry-title{
  display:none;
}
.lp-wrapper{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.lp-wrapper.eyecatch{
  background-image: url(../images/point-lp/point_eyecatch_bg_sp.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin:0;
  padding:0;
}
.lp-wrapper .eyecatch-content{
  width:100%;
  padding-bottom:90%;
  margin:0 auto!important;
  padding-top:0;
  padding-left:0;
  padding-right:0;
  background-image: url(../images/point-lp/point_eyecatch-content_sp.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.flow {
  padding-top:0;
  padding-left:0;
  padding-right:0;
  margin:0 auto;
}
.flow-content{
  background-image: url(../images/point-lp/point_flow_sp.png);
  width:100%;
  padding-bottom:210%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  position:relative;
}
.wp-block-columns.alignfull.about {
  background-image: url(../images/point-lp/point_about_sp.png);
  width:100%;
  padding-bottom:260%;
  padding-top:0;
  padding-left:0;
  padding-right:0;
  margin:-35px auto 0 auto!important;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}

a.point-btn{
  text-decoration: none;
  position:absolute;
  width:60%;
  line-height:4rem;
  background-repeat: no-repeat;
  background-size:contain;
  background-position: center;
  display: inline-block;
  transition: .3s;
}
a.point-btn:hover{
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  transform: translateY(4px);
}
a.point-btn.dl-btn{
  top:12%; left:20%;
  background-image: url(../images/point-lp/point-dl_btn.png);
}
a.point-btn.shop-btn{
  top:35.5%; left:20%;
  background-image: url(../images/point-lp/point-shop_btn.png);
}
a.point-btn.hint-btn{
  top:63%; left:20%;
  background-image: url(../images/point-lp/point-hint_btn.png);
}

@media (min-width: 599px){

}
/*DIsplay Size*/
@media (min-width: 767px) {
  .lp-wrapper .eyecatch-content{
    background-image: url(../images/point-lp/point_eyecatch-content.png);
    width:100%;
    max-width:800px;
    height:670px;
    padding:0;
  }
  .flow-content {
    background-image: url(../images/point-lp/point_flow.png);
    width:700px;
    height:780px;
    margin:0 auto;
    padding:0;
  }
  .wp-block-columns.alignfull.about {
    background-image: url(../images/point-lp/point_about.png);
    width:700px;
    height:1362px;
    padding:0;
    margin-top:-72px!important;
  }
  a.point-btn{
    width:185px;
    height:55px;
    padding:0;
  }
  a.point-btn.dl-btn{
    top:100px; left:255px;
  }
  a.point-btn.shop-btn{
    top:290px; left:455px;
  }
  a.point-btn.hint-btn{
    top:468px; left:455px;
  }

}