img {
  width: 100%;
}

.l-otodoke-wrapper {
  background-image: url(../img/otodoke/title.png);
  background-repeat: no-repeat;
  background-position: -10px -50px;
}

@media (max-width: 768px) {
  .l-otodoke-wrapper {
    background-size: 100%;
    background-position: top 25vw left -10vw;
  }
}

.l-otodoke-mv {
  text-align: center;
  max-width: 880px;
  margin: 0 auto;
  padding-top: 35px;
}

.l-otodoke-mv:before {
  content: "";
  display: block;
  position: relative;
  top: -22px;
  width: 100%;
  height: 40px;
  background: url(../img/otodoke/pc_line01.gif) center center;
}

.l-otodoke-mv:after {
  content: "";
  display: block;
  position: relative;
  bottom: -22px;
  width: 100%;
  height: 40px;
  background: url(../img/otodoke/pc_line02.gif) center center;
}

@media (max-width: 768px) {
  .l-otodoke-mv {
    width: 90%;
    padding-top: 50px;
  }
}

@media (max-width: 768px) {
  .m-comic__new__otodoke {
    margin: 115px auto 40px auto;
  }
}

.share {
  width: 100%;
  padding: 20px 0px 10px;
}

.share .share_txt {
  width: 100px;
  margin: 0 auto;
}

.share img {
  width: 100%;
}

.share .share_btn {
  margin-top: 10px;
}

.share .share_btn li {
  display: inline-block;
  width: 54px;
  margin: 0 7px;
}

@media (max-width: 768px) {
  .share {
    padding: 0px 0px 20px;
  }
  .share .share_btn li {
    width: 40px;
  }
}
/*# sourceMappingURL=otodoke.css.map */