.banner img {
  width: 100%;
}

ul {
  margin: 0;
}

.book_page {
  background: #fff;
  padding: 4% 3%;
}

.menu {
  text-align: center;
  margin: 0 0 2.5%;
}

.menu ul {
  padding: 0;
}

.menu ul li {
  display: inline-block;
}

.menu ul li a {
  display: block;
  margin: 0 1px;
  font-size: 1.35em;
  background-color: #fdd72c;
  padding: 3px 15px;
  text-decoration: blink;
  color: #000;
  border-radius: 10px 10px 0px 0px;
}

.menu ul li a:hover {
  background: #ff3f12;
  color: #fff;
}

.book_main h3 {
  margin: 0 0 0;
  font-size: 1.6rem;
  background-color: #154779;
  color: white;
  padding: 2px 10px;
  font-weight: 500;
}

.book_main h4 {
  font-size: 1.35rem;
  font-weight: 500;
  margin: 14px 10px;
  border-bottom: dotted 1px #d8d8d8;
  color: #154779;
}

.book_main p {
  text-align: justify;
  line-height: 29px;
  margin: 10px;
}

.book_main ul {
  margin: 2% 0 0 20px;
  padding: 0;
}

.book_main ul li {
  line-height: 30px;
  list-style: none;
  position: relative;
}

.book_main ul li:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0px 5px 5px;
  border-color: transparent transparent transparent #000;
  top: 8px;
  left: -9px;
}

.book_main dt, .book_main dd {
  display: inline;
  margin: 0;
  line-height: 30px;
  text-align: justify;
}

.book_main dt {
  font-weight: bold;
  color: #154779;
  text-decoration: underline;
}

.book_main dl {
  text-align: justify;
  padding: 10px 20px;
  margin: 0;
}

.book_main dl:last-child {
  border: none;
}

.book_main dl:nth-child(even) {
  background: #f2f2f2;
}

.tssci dl:nth-of-type(1) {
  margin: 15px 0 0;
}

.author, .contents, .tssci, .media {
  margin: 0 0 3.5%;
}

.media table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0 0;
}

.media table th, .media table td {
  padding: 6px 10px;
  font-size: 0.97rem;
}

.media table th {
  background: #9ee3f0;
  text-align: left;
  color: #17535e;
  font-size: 1.2em;
  font-weight: 500;
}

.media table tr {
  border-bottom: dotted 1px #9ee3f0;
}

.media table tr:first-child {
  border: none;
}

.media table td a {
  color: #000;
}

.media table td a:hover {
  color: #ff3f12;
  text-decoration: none;
}

.media table caption {
  text-align: left;
  font-size: 1.45em;
  margin: 0 0 6px;
  color: #0087a0;
  position: relative;
  padding: 0 0 0 9px;
}

.media table caption:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 3px;
  height: 21px;
  background-color: #0087a0;
}

.media table + small {
  text-align: center;
  display: block;
  margin: 10px 0 0;
  font-size: 0.90rem;
}

.news {
  margin: 0 3%;
  text-align: center;
}

.news li {
  text-align: left;
}

.news li a {
  display: block;
  line-height: 30px;
  color: #161616;
}

.news li a:hover {
  color: #ff3f12;
}

.news h2 {
  text-align: left;
  margin: 12px 0;
  border-bottom: solid 1px #ff3f12;
  color: #ff3f12;
}

.editor {
  background: #fafafa;
  text-align: center;
}

.editor a {
  display: block;
  text-align: center;
}

.editor ul {
  margin: 0 0 0 22px;
  padding: 0;
}

.editor ul li {
  line-height: 26px;
  text-align: left;
}

.editor a + p {
  text-align: center;
  font-size: 1.25em;
  margin: 8px 0 0px;
  color: #f02b9e;
}

#back-top {
  position: fixed;
  bottom: 30px;
  margin-left: -150px;
  right: 1%;
}

#back-top a {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #bbb;
  -webkit-transition: 1s;
  transition: 1s;
}

#back-top a:hover {
  color: #000;
}

#back-top a:hover span {
  background-color: #777;
}

#back-top span {
  width: 55px;
  height: 55px;
  display: block;
  margin-bottom: 7px;
  background: #ddd url(../images/up-arrow.png) no-repeat center center;
  border-radius: 50%;
  -webkit-transition: 1s;
  transition: 1s;
}

.btn {
  text-align: center;
  display: block;
  padding: 5px 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#ff34ac), to(#ff9ac5));
  background: linear-gradient(to top, #ff34ac 0%, #ff9ac5 100%);
  font-size: 1.2rem;
  margin: 14px 0;
  color: #ffffff;
  border-radius: 7px;
}

.btn:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#ff003d), to(#ff4d99));
  background: linear-gradient(to top, #ff003d 0%, #ff4d99 100%);
}

@media (max-width: 767px) {
  .menu ul li a {
    margin: 0px;
    font-size: 1.15em;
    padding: 3px;
  }
  .editor ul {
    display: inline-block;
  }
}
/*# sourceMappingURL=style.css.map */