@charset "UTF-8";
/*----■ 基本の色  ■-----*/
html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  position: relative;
  margin: 0px;
  padding: 0px;
  color: #000;
  text-align: center;
  z-index: 0;
  font-family: ヒラギノ角ゴ ProN W3;
  background-color: #F8F5E4;
  background: linear-gradient(180deg, #582b09 250px, #f1eaca 0%, #f1eaca);
}

a {
  color: #000;
}

.aaaa {
  color: #f00;
}

.att::after {
  content: "現在メンテナンス中につき、正常に作動しないページがあります。";
  color: red;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
}

.bold {
  font-weight: bold;
}

i {
  color: initial;
}

#page-title {
  translate: notranslate;
}
#page-title h1 .subTtl {
  display: block;
}
#page-title h1 .search {
  font-size: 0.8em;
  font-family: "ヒラギノ角ゴ ProN W3", "BIZ UDPGothic", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #850101;
  font-weight: normal;
}
#page-title .to目次 {
  text-align: left;
}
#page-title #ttl-1 {
  display: block;
  width: 300px;
  height: 73px;
  margin: 30px auto 30px;
  border-radius: 40px;
  background: url("/contents/auto_translation/img/02-sign.jpg") no-repeat border-box left top/contain;
}
#page-title .さわり {
  translate: notranslation;
  max-width: 500px;
  width: 100%;
}
#page-title .さわり ul li {
  color: #000;
  margin-bottom: 0px;
  line-height: 1.6;
}
#page-title h2 {
  color: #ad5706;
}
#page-title h5 {
  color: rgb(166, 18, 18);
  margin: 1em auto;
}
#page-title h4 {
  font-size: 1.2em;
  color: #f00;
}

.前書き {
  translate: notranslate;
  max-width: 500px;
  width: 100%;
  margin: auto;
  color: #444;
  font-weight: normal;
}
.前書き ul.ページ内目次 {
  margin: 1em;
  list-style: disc;
}
.前書き ul.ページ内目次 li {
  margin: 1em auto;
}
.前書き dl {
  width: 100%;
  text-align: left;
}
.前書き dl dt {
  margin-bottom: 1em;
}
.前書き dl dd {
  margin-bottom: 1em;
}

.付記 {
  max-width: 500px;
  margin: auto;
}
.付記 ul li {
  margin: 0.5em 0;
}

.aa {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-color: #000;
}

.index {
  max-width: 500px;
  margin: 1em auto 2em;
}
.index article.目次 {
  width: 100%;
  margin: auto;
  text-align: center;
}
.index article.目次 p {
  width: 95%;
  margin: auto;
}
.index article.目次 #link {
  width: 100%;
  margin: 0 auto 2em;
  border: 1px solid #8d2020;
  border-radius: 20px;
  text-align: center;
}
.index article.目次 #link a {
  color: #750606;
  font-weight: bold;
  padding: 3px 15px;
  margin: 10px 10px;
  display: inline-block;
}
.index article.目次 #link .BB, .index article.目次 #link .BB, .index article.目次 #link .CC, .index article.目次 #link .CC, .index article.目次 #link .RR, .index article.目次 #link .RR, .index article.目次 #link .R1, .index article.目次 #link .R1, .index article.目次 #link .R2, .index article.目次 #link .R2,
.index article.目次 #link R3, .index article.目次 #link .R3 {
  border: 1px solid #a05252;
}
.index article.目次 #link a .BB {
  background-color: #000;
}
.index article.目次 .BB {
  background-color: #f6ffdf;
}
.index article.目次 .CC {
  background-color: #f0fff9;
}
.index article.目次 .CC {
  box-shadow: inset -2px -2px 0px 0px #360a0a;
}
.index article.目次 .RR {
  background-color: #f7ede8;
}
.index article.目次 .R1 {
  background-color: #e0f0ff;
}
.index article.目次 .R1 {
  box-shadow: inset -2px -2px 0px 0px #360a0a;
}
.index article.目次 .R2 {
  background-color: #fde0fa;
}
.index article.目次 .R3 {
  background-color: #f3ddcf;
}
.index article.目次 .R3 {
  box-shadow: inset -2px -2px 0px 0px #360a0a;
}
.index article.目次 .K1 {
  background-color: #e4fff2;
}
.index article.目次 .button {
  padding: 10px 10px;
  margin: 20px 10px 5px;
  border-radius: 15px;
  border: 1px solid #838181;
  background-color: rgb(255, 243, 243);
  box-shadow: 2px 2px 0px 0px #a5a5a5;
  font-size: 1.2em;
  color: #7e0505;
}
.index .comWord {
  display: block;
  padding: 15px;
  margin: 0px 2em;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  color: #7e0505;
}
.index .comporserBox {
  overflow: scroll;
}
.index .comporserBox .comporser {
  width: 516px;
  min-width: 400px;
  margin: 0.5rem auto;
  display: table;
}
.index .comporserBox .comporser div {
  display: table-cell;
  width: 38%;
  border: 1px solid #bb7979;
  border-right: none;
  vertical-align: middle;
  height: 100%;
}
.index .comporserBox .comporser div h4 {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0.5rem;
  font-size: 1.8rem;
  color: #940303;
}
.index .comporserBox .comporser div h4 span {
  display: block;
  font-size: 0.8em;
  color: #4e4e4e;
}
.index .comporserBox .comporser div.work {
  display: table-cell;
  width: 60%;
  border: 1px solid #bb7979;
}
.index .comporserBox .comporser div.work a {
  display: block;
  margin: 5px 0;
  text-align: left;
  margin-left: 0.5em;
  color: #081f61;
}
.index .comporserBox .comporser .toTop {
  display: table-cell;
  padding: 0.5rem;
  border: 1px solid #bb7979;
}
.index .comporserBox .redLine {
  display: block;
  width: 98%;
  max-width: 400px;
  margin: auto;
  text-align: left;
  color: #d20404;
  font-weight: bold;
}
.index .comporserBox .redLine span {
  padding: 0 10px;
  background-color: #d20404;
  border-radius: 10px;
  color: #fff;
  line-height: 1;
}
.index .comporserBox .comporserSet {
  text-align: left;
  max-width: 400px;
  width: 98%;
  margin: auto;
  margin-bottom: 0.5em;
}
.index .comporserBox .comporserSet h4 {
  display: block;
  width: 100%;
  text-align: left;
  padding: 0.5rem 0 0.5rem 2rem;
  font-size: 1.8rem;
  color: #940303;
}
.index .comporserBox .comporserSet h4 span {
  margin-left: 1em;
  font-size: 0.8em;
  color: #4e4e4e;
}
.index .comporserBox .comporserSet div.work {
  display: table;
  width: 100%;
}
.index .comporserBox .comporserSet div.work figure {
  height: 50px;
  display: table-cell;
  width: 80px;
  padding: 5px;
}
.index .comporserBox .comporserSet div.work figure img {
  width: 100%;
}
.index .comporserBox .comporserSet div.work div.catalogue {
  display: table-cell;
  padding: 5px;
  vertical-align: middle;
}
.index .comporserBox .comporserSet div.work div.catalogue a {
  display: block;
  margin: 0.3em;
}
.index .comporserBox .comporserSet div.work div.up {
  display: table-cell;
  width: 30px;
  vertical-align: top;
}
.index .凡例 {
  max-width: 600px;
  width: 100%;
  margin: auto;
}
.index .凡例 h3 {
  margin-bottom: 1em;
}
.index .凡例 ul {
  width: 100%;
  margin-left: 0.5em;
}
.index .凡例 ul li {
  text-indent: -2em;
  padding-left: 2em;
  margin-bottom: 0.4em;
}

#main_container, #main_container_w500 {
  max-width: 1000px;
}
#main_container #page-title p.to目次, #main_container_w500 #page-title p.to目次 {
  text-align: left;
}
#main_container #page-title .compImage, #main_container_w500 #page-title .compImage {
  display: block;
  margin: auto;
  width: 80px;
  margin-bottom: 1em;
}
#main_container #page-title h1, #main_container_w500 #page-title h1 {
  margin-bottom: 1em;
}
#main_container #page-title h1 span, #main_container_w500 #page-title h1 span {
  display: block;
  font-size: 1.6rem;
}
#main_container #page-title .nav, #main_container_w500 #page-title .nav {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 200px;
  margin: 0em auto 0.5em;
  padding: 10px 10px 2px;
  border: 1px solid #979595;
  border-radius: 20px;
}
#main_container #page-title .nav::before, #main_container_w500 #page-title .nav::before {
  content: "【ページ案内】";
  position: absolute;
  top: -10px;
  left: 10px;
  color: #ad5706;
  background-color: #F8F5E4;
  font-weight: bold;
}
#main_container #page-title .nav ul, #main_container_w500 #page-title .nav ul {
  padding: 0;
}
#main_container #page-title .nav ul li, #main_container_w500 #page-title .nav ul li {
  width: 100%;
  margin: 0.5em auto !important;
  font-size: 1.2em;
  font-weight: bold;
  color: #a52f2f;
}
#main_container #page-title .nav ul li a, #main_container_w500 #page-title .nav ul li a {
  font-weight: normal;
  text-decoration: underline;
}
#main_container i, #main_container_w500 i {
  line-height: 1;
}
#main_container .index, #main_container_w500 .index {
  max-width: 300px;
  margin: auto;
}
#main_container .index dl, #main_container_w500 .index dl {
  counter-reset: bb;
}
#main_container .index dl dt, #main_container .index dl dd, #main_container_w500 .index dl dt, #main_container_w500 .index dl dd {
  margin: 0.5em;
}
#main_container .index dl dd, #main_container_w500 .index dl dd {
  margin-left: 2em;
}
#main_container .index dl dt::before, #main_container_w500 .index dl dt::before {
  content: counter(bb);
  counter-increment: bb;
  font-size: 1.5rem;
}
#main_container .さわり, #main_container_w500 .さわり {
  position: relative;
  width: 95%;
  max-width: 600px;
  margin: auto;
  margin-top: 20px;
  padding: 0.5em;
  border: 1px solid #808080;
  border-radius: 10px;
}
#main_container .さわり a, #main_container_w500 .さわり a {
  margin-left: 1em;
}
#main_container .さわり h4, #main_container_w500 .さわり h4 {
  position: absolute;
  top: -12px;
  left: 17px;
  padding: 0 14px;
  background-color: #F8F5E4;
  color: #800000;
}
#main_container .さわり p, #main_container_w500 .さわり p {
  line-height: 1.4;
}
#main_container .compSearch, #main_container_w500 .compSearch {
  translate: none;
}
#main_container .compSearch h4, #main_container_w500 .compSearch h4 {
  margin: 1em auto 0.5em;
  color: #960000;
}
#main_container .compSearch span, #main_container_w500 .compSearch span {
  display: inline-block;
  font-size: 0.8em;
  color: #4e4e4e;
  text-align: center;
}
#main_container .前書き dl, #main_container_w500 .前書き dl {
  max-width: 500px;
  width: 90%;
  margin: 0 auto;
}
#main_container .前書き dl dt, #main_container_w500 .前書き dl dt {
  margin: 0.5em;
}
#main_container .前書き #index, #main_container_w500 .前書き #index {
  max-width: 500px;
  margin: auto;
}
#main_container .前書き #index a:link, #main_container .前書き #index a:visited, #main_container_w500 .前書き #index a:link, #main_container_w500 .前書き #index a:visited {
  color: #900000;
}
#main_container .前書き #index h2, #main_container_w500 .前書き #index h2 {
  display: block;
}
#main_container .前書き #index h3, #main_container_w500 .前書き #index h3 {
  display: block;
  margin-top: 1em;
}
#main_container .前書き #index h4, #main_container_w500 .前書き #index h4 {
  display: block;
  margin-top: 1em;
  font-weight: normal;
}
#main_container .前書き #index .h2, #main_container .前書き #index .h3, #main_container .前書き #index .h4, #main_container_w500 .前書き #index .h2, #main_container_w500 .前書き #index .h3, #main_container_w500 .前書き #index .h4 {
  display: block;
  line-height: 1;
  color: #6f0606;
}
#main_container .前書き #index .h2, #main_container_w500 .前書き #index .h2 {
  margin-top: 1em;
  font-size: 2.5rem;
  color: #6f0606;
  font-weight: bold;
}
#main_container .前書き #index .h3, #main_container_w500 .前書き #index .h3 {
  margin-top: 1em;
  font-size: 1.8rem;
  font-weight: bold;
}
#main_container .前書き #index .h4, #main_container_w500 .前書き #index .h4 {
  margin-top: 0.5em;
  font-weight: normal;
}
#main_container #All_List, #main_container_w500 #All_List {
  max-width: 800px;
  width: 100%;
  margin: auto;
  text-align: left;
  overflow: auto;
}
#main_container #All_List i, #main_container_w500 #All_List i {
  font-weight: normal;
  color: #cb7070;
}
#main_container #All_List ul, #main_container_w500 #All_List ul {
  width: 800px;
}
#main_container #All_List ul li, #main_container_w500 #All_List ul li {
  text-indent: -2em;
  padding-left: 2em;
  margin: 0.5em auto 0.5em 0.5em;
}
#main_container #All_List ul li ul, #main_container_w500 #All_List ul li ul {
  list-style: none !important;
}
#main_container #All_List ul li ul li, #main_container_w500 #All_List ul li ul li {
  position: relative;
  list-style: none !important;
  padding-left: 0;
}
#main_container #All_List ul li ul li::before, #main_container_w500 #All_List ul li ul li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #686868;
  position: absolute;
  top: 7px;
  left: -10px;
}
#main_container #All_List .new, #main_container_w500 #All_List .new {
  color: rgb(197, 96, 96);
}
#main_container #All_List .toTop span, #main_container_w500 #All_List .toTop span {
  font-size: 0.8em;
}
#main_container #All_List h2, #main_container_w500 #All_List h2 {
  display: block;
  color: rgb(110, 0, 0);
  font-size: 2em;
  margin: 5rem auto 1rem;
  text-align: center;
}
#main_container #All_List h2 span, #main_container_w500 #All_List h2 span {
  font-size: 0.6em;
  font-weight: normal;
}
#main_container #All_List h4, #main_container #All_List h3, #main_container #All_List h5, #main_container_w500 #All_List h4, #main_container_w500 #All_List h3, #main_container_w500 #All_List h5 {
  padding: 5px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  clear: both;
  margin: 2rem auto 1rem 10%;
  border-bottom: 4px double #700505;
  background-color: transparent;
  font-size: 1.5em;
  text-align: left;
  color: #990b0b;
}
#main_container #All_List h4 span, #main_container #All_List h3 span, #main_container #All_List h5 span, #main_container_w500 #All_List h4 span, #main_container_w500 #All_List h3 span, #main_container_w500 #All_List h5 span {
  font-weight: normal;
  font-size: 0.6em;
}
#main_container #All_List h4, #main_container_w500 #All_List h4 {
  font-size: 1.2em;
}
#main_container #All_List h5, #main_container_w500 #All_List h5 {
  max-width: 300px;
  border-bottom: 5px double #990b0b;
  color: #990b0b;
  font-size: 1em;
}
#main_container #All_List table, #main_container_w500 #All_List table {
  width: 800px;
  margin: 0.5em auto 2em;
  background-color: #c5c5c5;
  border-spacing: 2px;
  border-collapse: separate;
}
#main_container #All_List table td, #main_container_w500 #All_List table td {
  padding: 5px;
  margin: 2px;
  background-color: #F8F5E4;
  text-align: left;
}
#main_container #All_List table td i > a, #main_container_w500 #All_List table td i > a {
  line-height: 1;
}
#main_container #All_List table th, #main_container_w500 #All_List table th {
  text-align: center;
  font-weight: bold;
  color: #000;
}
#main_container #All_List table th a, #main_container_w500 #All_List table th a {
  font-weight: bold;
}
#main_container #All_List dl, #main_container_w500 #All_List dl {
  max-width: 700px;
  margin: auto;
}
#main_container #Opera_List, #main_container_w500 #Opera_List {
  max-width: 500px;
  margin: auto;
}
#main_container #Opera_List h3, #main_container_w500 #Opera_List h3 {
  width: 95%;
  max-width: 500px;
  margin: 2em 0 0.5em 0;
  padding: 10px;
  text-align: left;
  font-size: 1.4em;
  color: #800000;
  border-radius: 20px;
  background-color: #ffe8e8;
  border: 1px solid #560101;
}
#main_container #Opera_List h3 span, #main_container_w500 #Opera_List h3 span {
  display: block;
  padding-left: 3em;
  color: #000;
  font-size: 1.6rem;
  font-weight: normal;
}
#main_container #Opera_List dl, #main_container_w500 #Opera_List dl {
  overflow: auto;
  margin-left: 1em;
  width: 100%;
}
#main_container #Opera_List dl dt, #main_container_w500 #Opera_List dl dt {
  width: 600px;
  text-align: left;
  font-weight: bold;
}
#main_container #Opera_List dl dd, #main_container_w500 #Opera_List dl dd {
  width: 600px;
  text-indent: -2em;
  padding-left: 2em;
  text-align: left;
}
#main_container #Opera_List dl dt, #main_container #Opera_List dl dd, #main_container_w500 #Opera_List dl dt, #main_container_w500 #Opera_List dl dd {
  margin: 0.5em 0;
}

#main_container_w500 {
  max-width: 800px;
  margin: auto;
  background-color: #F8F5E4;
}

p.説明, p.出典 {
  display: table;
  text-align: left;
  max-width: 500px;
  width: 95%;
  margin: 0.5em auto;
  line-height: 1.3;
}
p.説明 img, p.出典 img {
  display: table-cell;
}
p.説明 span, p.出典 span {
  display: table-cell;
  padding-left: 0.5em;
  vertical-align: middle;
  font-weight: bold;
}

.B_you {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  padding: 2px 0em 2px 0em;
  margin: auto;
  background: repeating-linear-gradient(to top, #fb0d0d 0px 3px, transparent 0% 100%);
}

a.B_you {
  margin-right: 0.2em;
}

.C_you, .rc {
  margin-left: 1em;
  padding: 0px 5px;
  border-radius: 5px;
  font-size: 1.4rem;
}

.C_you:visited,
.rc:visited {
  color: #8a0202;
  background-color: #fff;
}

.C_you {
  padding: 0 10px;
  border: 1px solid #f00;
  background-color: #fff;
  line-height: 1;
}

.V_you {
  display: inline-block;
  margin-right: 0.5em;
  width: 20px;
  height: 14px;
  background-image: url(/contents/music_link/zzz_img/youtube.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.V_you:visited {
  opacity: 0.6;
}

.Google {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(/contents/music_link/zzz_img/google.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.B_IMSLP {
  margin-left: 1em;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(/contents/music_link/zzz_img/imslp.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.rc {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(/contents/music_link/zzz_img/Rcweb.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.marimo {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 1em;
  background-image: url(/contents/music_link/zzz_img/Marimo.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.marimo:visited {
  border: 1px solid #000;
  color: #000 !important;
}

.index分家 {
  max-width: 500px;
  margin: 1em auto 2em;
}
.index分家 article.目次 .interestingComporser {
  max-width: 500px;
  margin: 2em auto;
  border: 1px solid #c4c2c2;
}
.index分家 article.目次 .interestingComporser h3 {
  margin: 1em auto 1em;
}
.index分家 article.目次 .interestingComporser .button {
  margin: 0 0.5em;
  padding: 5px 15px;
  border-radius: 10px;
  border: 1px solid #890303;
  font-size: 1.1em;
  font-weight: bold;
  color: #890303;
}
.index分家 article.目次 .interestingComporser .comWord {
  margin-top: 1em;
  text-align: center;
  color: #b70404;
  font-weight: bold;
  font-size: 1.8rem;
}
.index分家 article.目次 .interestingComporser dl {
  display: block;
  width: 95%;
  margin: auto;
}
.index分家 article.目次 .interestingComporser dl a:visited {
  color: #360101;
  background-color: rgb(183, 250, 250) !important;
}
.index分家 article.目次 .interestingComporser dl dt {
  margin: 1.5em auto 0.2em;
  line-height: 1;
  text-align: left;
  color: #ac0a0a;
  text-shadow: 0.5px 0px 0px #ac0a0a;
  font-size: 1em;
}
.index分家 article.目次 .interestingComporser dl dt span.age {
  display: inline-block;
  white-space: nowrap;
  margin: 0 0 0 1em;
  font-size: 0.8em;
  color: #640505;
  text-shadow: 0.5px 0px 0px #640505;
}
.index分家 article.目次 .interestingComporser dl dt span.name_en {
  margin-left: 1em;
  font-weight: normal;
  color: #757474;
  font-size: 0.8em;
}
.index分家 article.目次 .interestingComporser dl dd.com {
  margin: 0 auto 0em 2em;
  color: #642828;
}
.index分家 article.目次 .interestingComporser dl dd.com .linkBottom {
  display: inline-block;
}
.index分家 article.目次 .interestingComporser dl dd.com a.work_page {
  padding: 0 15px;
  border: 2px solid #fff;
  border-radius: 20px;
  background-color: #e72b2b;
  color: #fff;
}
.index分家 article.目次 .interestingComporser dl dd.com a:visited {
  background-color: #ff0000;
  border: 1px solid #000;
  color: #000;
}
.index分家 article.目次 .interestingComporser dl dd.linkButtom {
  margin: 0 auto 1em 10em;
}

.Mbox2 {
  width: 100%;
  height: 5px;
  position: fixed;
  top: 0;
  text-align: right;
  margin: auto;
  text-align: right;
}
.Mbox2 .Mbox1 {
  max-width: 700px;
  margin: auto;
  height: 100%;
  color: #f00;
}
.Mbox2 #editBox {
  margin-top: 5px;
  height: 50px;
  z-index: 100;
  padding: 2px 9px 2px 9px;
  cursor: pointer;
  color: #fff;
  border-radius: 10px;
  border: 2px solid #fff;
  background-color: #0c7036;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: bold;
  box-shadow: 3px 3px 10px 4px #a5a5a5;
}

nav.mokuji a:link {
  display: block;
  text-decoration: none;
}
nav.mokuji a:link span {
  font-size: 0.8em;
}
nav.mokuji a:link .dBlock {
  display: block;
}
nav.mokuji .toTop {
  width: 80%;
  display: table;
  margin: 0.5em auto 1em;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #000;
}
nav.mokuji .toTop div {
  display: table-cell;
}
nav.mokuji .toTop p {
  display: table-cell;
  padding: 0px 0px;
  color: #743505;
  font-size: 1.8rem;
  font-weight: bold;
  vertical-align: top;
}
nav.mokuji h1 {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #0a7516;
  margin: auto;
  padding: 5px 20px;
  border-radius: 20px;
  color: #fff;
  font-size: 2.2rem;
}
nav.mokuji a.manual {
  margin: 1em auto;
  padding: 5px;
  width: 50%;
  font-size: 1.8rem;
}
nav.mokuji a.manual a {
  color: #8b0808;
}
nav.mokuji a.h2 {
  display: block;
  margin: 0em auto 0;
  width: 80%;
  padding: 5px;
  border-bottom: 1px solid #000;
  border: 4px solid #f5d0d0;
  background-color: #a04d0d;
  color: #fff;
  font-size: 2rem;
  letter-spacing: 0.5em;
  font-weight: bold;
  border-radius: 20px;
}
nav.mokuji p {
  text-align: center;
}
nav.mokuji .bunkan {
  margin-top: 0.5em;
  padding-top: 1em;
  text-align: center;
}
nav.mokuji .bunkan a.h3 {
  margin: 0.5em auto;
  padding: 10px;
  color: #9f0000;
  font-weight: bold;
  display: inline-block;
  width: 45%;
  background-color: #f4e5e5;
}
nav.mokuji .bunkan div {
  padding-top: 10px;
  border: 3px solid #f88787;
}

.manual .inst {
  max-width: 600px;
  width: 95%;
  margin: auto;
}
.manual .inst dl dt {
  margin: 0.5em auto;
  font-size: 2rem;
  color: #9f0b0b;
}
.manual .inst dl dt span {
  font-weight: bold;
}
.manual .inst dl dd {
  margin-left: 2em;
  line-height: 1.4;
}
.manual .inst dl dd span {
  font-weight: bold;
  color: #9c0808;
}
.manual article#凡例, .manual .本家と分家 {
  width: 95%;
  margin: 2em auto;
  border: 1px solid #888;
  border-radius: 20px;
  padding: 1em;
}
.manual article#凡例 h3, .manual .本家と分家 h3 {
  letter-spacing: 1em;
  margin-bottom: 5em;
}
.manual article#凡例 p, .manual .本家と分家 p {
  line-height: 1.4;
}
.manual article#凡例 ul, .manual .本家と分家 ul {
  width: 100%;
  margin: auto;
}
.manual article#凡例 ul li, .manual .本家と分家 ul li {
  margin: 0.8em 0em;
  width: 100%;
  text-indent: -2em;
  padding-left: 2em;
  line-height: 1.4;
}
.manual article.その他の仕様 {
  max-width: 600px;
  width: 90%;
  margin: auto;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #8f8a8a;
}
.manual article.その他の仕様 h3 {
  margin: 0.5em auto;
}
.manual article.その他の仕様 ul li {
  margin-top: 2em;
}
.manual article.その他の仕様 ul li span {
  background-color: rgb(183, 250, 250);
}
.manual article.その他の仕様 ul li img {
  width: 100%;
  padding: 5px;
  border: 1px solid #7d7a7a;
}