@CHARSET "UTF-8";

span.border_line_w {
    width: 100%;
    padding: 0;
    display: block;
    background-color: #fff;
    border-bottom: 10px solid #fff;
    position: relative;
    bottom: 5px;
    z-index: 1;
    border-radius: 10px;
}
span.border_line_b {
    width: 100%;
    padding: 0;
    display: block;
    background-color: #b09780;
    border-top: 20px solid #b09780;
    position: relative;
    bottom: 8px;
    z-index: 0;
}

.linepop{
  top:0;
  position:fixed;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.linepop__img{
  margin: 5vw auto 1vw;
  padding: 0;
  width: 90%;
}

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

.linepop__cta_warp {
  text-align: center;
  margin-top: -43%;
}

.linepop__cta {
  display: inline-block;
  width: 90%;
}

.linepop__cta:nth-child(n+2) {
    margin-top: -5px;
}

.linepop__cta>img {

}

.linepop_cover {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    position: absolute;
    top: 0px;
    z-index: -1;
}

.linepop__cross_button {
  position: absolute;
  display: inline-block;
  top: -5vw;
  right: -20px;
  width: 100px;
  height: 100px;
  border: 0;
  background-color: #fff;
  border-radius: 100px;
  border: 2px solid #00b900;
  margin: 0;
  padding: 0;
  transform: scale(0.5);
  cursor: pointer;
}
.linepop__cross_button:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 25px;
    left: 44px;
    width: 8px;
    height: 50px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #00b900;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.linepop__cross_button:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 25px;
    right: 44px;
    width: 8px;
    height: 50px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #00b900;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}