.manetatsu {
  font-size: 94%;
  color: #333;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 10px 20px 10px 20px;
  border: 1px solid #dfe3b3;
  background-image: url("../img/chara/manetatsu.png");
  background-position: 99% 5%;
  background-repeat: no-repeat;
  background-size: 100px;
  background-color: #dcb57f;
}

/*.manetatsu p {z-index: -1;}
*/
.manetatsu img {width: 210px;height: 118px;}
.manetatsu_box img {border: 5px solid #ccc;border-radius: 5px;padding: 10px;}
.manetatsu_box img.no-image {border: none;padding: 0;}

.manetatsu div {font-size: 84%;color: #fff;display: inline-block;width: 210px;height: 218px;float: left;margin-right: 20px;margin-bottom: 25px;box-sizing:border-box;background-color: #333;}
.manetatsu div p {padding: 5px 5px 3px 6px;margin: 0;}
.manetatsu div p a {color: #fff;text-decoration: none;}
.manetatsu div p a:link {color: #fff;}
.manetatsu div p a:visited {color: #fff;}
.manetatsu div p a:hover {color: #fff577;}
.manetatsu div a:hover img {opacity: 0.8;}

.manetatsu_box li {margin-bottom: 10px;}
.manetatsu_box .po_bikou {
background-image: url("../img/chara/manetatsu.png");
  background-position: 99% 90%;
  background-repeat: no-repeat;
  background-size: 50px;
background-color: #efc48b;
}
.manetatsu_box img {max-width: 760px;height: auto;}

.green ,.line-yellow ,.line-pink {font-weight: bold;color:#222;background-image: linear-gradient(transparent 60%, #ffcee2 60%);}
.underline {font-weight: bold;color:#333;background-image: linear-gradient(transparent 60%, #c3d9f3 60%);}
.blue {font-weight: bold;color:#222;background-image: linear-gradient(transparent 60%, #ffcee2 60%);}
.red {color: #F00;}

.po_bikou ol li {margin-bottom: 10px;}

.author img {float: right;border-radius: 60px;border: 3px dotted #62c1ce;}
.author ul {margin-bottom: 30px;}

.text-center {text-align: center;margin-bottom: 30px;}

.ctms-editor-image {text-align: center;font-size: 80%;color: #666;margin-bottom: 30px;}
.enclosure {background-color: #fcf7f2;border-radius: 10px;padding: 20px;}


@media screen and (max-width: 796px){
.manetatsu {background-image:none;text-align: center;}
.manetatsu p {text-align: left;}
.manetatsu div {float: none;}
.manetatsu div.nosp {display: none;}
.manetatsu img {width: 100%;box-sizing:border-box;}

.author img {float: none;}
.manetatsu_box img {border: 2px solid #ccc;border-radius: 3px;padding: 5px;box-sizing:border-box;}
}