body {
  background: #fff;
  color: #000;
}

.manga-box {
  background-color: #e4ffce;
  padding: 25px;
}
.manga-box_inner {
  width: 1000px;
  text-align: center;
  margin: 0 auto;
}
.manga-box_inner img {
  width: 850px;
  height: auto;
}

#top,
#Bg {
  height: 690px;
}

#top-in .top_category {
  top: 20px;
}
#top-in .p1 {
  top: 95px;
}
#top-in .img1 {
  top: 220px;
}
#top-in .conts {
  bottom: -80px;
}

/*add 2024-03-17*/
.teigaku-plan {
  margin: 0 auto 50px;
  width: 1000px;
  text-align: center
}

.teigaku-plan dl {
  text-align: left;
  margin-bottom: 20px
}

.teigaku-plan dt {
  display: inline-block;
  padding: 10px 10px;
  color: #fff;
  /*font-size: 20px;
  font-size: 2rem*/
  font-size: 1.5rem;
}

.teigaku-plan dt span {
  margin-left: 20px;
  padding: 3px 5px;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold
}

.teigaku-plan dd {
  position: relative;
  height: 275px;
  background: #fff
}

@media screen and (max-width: 750px) {
  .teigaku-plan {
      width:auto
  }

  .teigaku-plan dt {
      width: 100%;
      font-size: 18px;
      font-size: 1.8rem
  }

  .teigaku-plan dt span {
      margin-left: 6px;
      font-size: 12px;
      font-size: 1.2rem
  }

  .teigaku-plan dd {
      padding: 10px;
      height: auto
  }
}

.teigaku-plan_kago>dt {
  background: #5db63a
}

.teigaku-plan_kago>dt span {
  color: #5db63a
}

.teigaku-plan_kago>dd {
  border: 1px solid #5db63a
}

.teigaku-plan_kei>dt {
  background: #275e9c
}

.teigaku-plan_kei>dt span {
  color: #275e9c
}

.teigaku-plan_kei>dd {
  border: 1px solid #275e9c
}

.teigaku-plan_hira>dt {
  background: #2e8b29
}

.teigaku-plan_hira>dt span {
  color: #2e8b29
}

.teigaku-plan_hira>dd {
  border: 1px solid #2e8b29
}

.teigaku-plan_hako>dt {
  background: #df7306
}

.teigaku-plan_hako>dt span {
  color: #df7306
}

.teigaku-plan_hako>dd {
  border: 1px solid #df7306
}

.teigaku-plan_ph {
  position: absolute;
  top: 30px;
  left: 30px
}

@media screen and (max-width: 750px) {
  .teigaku-plan_ph {
      position:static;
      float: left;
      width: 43%;
      max-width: 140px;
      margin-bottom: 10px
  }
}

.teigaku-plan_txt {
  position: absolute;
  top: 30px;
  left: 200px;
  font-size: 23px;
  /*font-size: 2.3rem*/
}

@media screen and (max-width: 750px) {
  .teigaku-plan_txt {
      display:none
  }
}

.teigaku-plan_img {
  position: absolute;
  top: 67px;
  left: 200px
}

@media screen and (max-width: 750px) {
  .teigaku-plan_img {
      position:static;
      width: 140px
  }
}

@media screen and (max-width: 750px) {
  .teigaku-plan_img-wrap {
      float:left;
      text-align: center;
      width: 57%
  }
}

.teigaku-plan_price {
  position: absolute;
  top: 80px;
  left: 450px;
  /*font-size: 40px;
  font-size: 4rem*/
  font-size: 2.5rem;
}

.teigaku-plan_price .teika {
  text-decoration: line-through
}

.teigaku-plan_price em {
  /*font-size: 50px;
  font-size: 5rem;*/
  color: #390
}

@media screen and (max-width: 750px) {
  .teigaku-plan_price {
      position:static;
      font-size: 24px;
      font-size: 2.4rem;
      padding-left: 1%;
      margin: 12px 0 10px;
      float: left;
      text-align: center;
      width: 56%;
      line-height: 1.3
  }

  .teigaku-plan_price em {
      display: block;
      font-size: 30px;
      font-size: 3rem
  }
}

.teigaku-plan_price--arw {
  margin: 0 20px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #390
}

@media screen and (max-width: 750px) {
  .teigaku-plan_price--arw {
      margin:0 5px;
      clear: left;
      border-color: #390 transparent transparent transparent;
      border-width: 5px 5px 0 5px
  }
}

.teigaku-plan_desc {
  position: absolute;
  top: 186px;
  left: 200px;
  display: inline-block;
  padding: 10px 20px;
  background: #fefdf4;
  border: 1px solid #f3c57b
}

@media screen and (max-width: 750px) {
  .teigaku-plan_desc {
      position:static;
      display: block;
      float: left;
      margin-bottom: 10px;
      text-align: center;
      width: 100%
  }
}

.teigaku-plan_meyasu {
  position: absolute;
  top: 186px;
  right: 20px;
  padding: 10px;
  width: 450px;
  background: #f8f8f8;
  border: 1px solid #dedede;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center
}

.teigaku-plan_meyasu .h {
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem
}

@media screen and (max-width: 750px) {
  .teigaku-plan_meyasu {
      position:static;
      float: left;
      width: 100%
  }
}

.regular-price,.web-wari,.zeikomi {font-size: 1.5rem;}
@media screen and (max-width: 750px){
.teigaku-plan_ph {display: none;}
.regular-price,.web-wari,.zeikomi {font-size: 1.5rem;}
.teigaku-plan {padding: 20px 10px}
.teigaku-plan_img-wrap,.teigaku-plan_price {width: 100%;}
}