@charset "UTF-8";

/* ブラウザによる違いをリセット */
html {color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address {margin:0;padding:0;}
table {display:block;border-collapse:collapse;border-spacing:0;font-size:inherit;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
legend {color:#000;}
pre,code,kbd,samp,tt {font-family:monospace;line-height:100%;}
body {font-family:var(--english-font), var(--local-font), sans-serif;color:#000;}
em {font-style:italic;}
strong {font-weight:bold;}
img {vertical-align:middle;border:0;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}


/* 各セレクタの個別設定 */
*, :after, :before {box-sizing: border-box;}
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
html {-webkit-tap-highlight-color:transparent;}
html {font-size:16px;}
body {font-size:1rem;line-height:1.4;color:#333;background:#d9d9d9;}
div, nav, header, footer {display:block;width:100%;}
header {position:relative;height:40px;padding:5px;background:var(--header-color);}
a img {cursor:pointer;}
a:link, a:visited, a:hover, a:active {color:var(--link-color);}
button {border:none;background:transparent;cursor:pointer;}


/* 各要素の個別設定(全デバイス共通) */
#main-container {width:100%;background:#121212;}
.header-content {display:inline-block;width:auto;height:30px;vertical-align:top;color:var(--header-text-color);}
.header-content button {width:34px;height:30px;margin-left:1px;padding:1px;border:1px solid var(--button-border-color);border-radius:3px;}
.header-content button {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--button-upper-color)), to(var(--button-lower-color)));
  background: -moz-linear-gradient(top, var(--button-upper-color) 30%, var(--button-lower-color) 90%);
  background: linear-gradient(to bottom, var(--button-upper-color) 30%, var(--button-lower-color) 90%);
}
.mobile-menu button {padding-left:3px;padding-right:3px;}
.yamaha-logo {position:relative;height:22px;padding-top:2px;vertical-align:middle;}
.doc-title {margin-top:2px;vertical-align:middle;}
.icon-blocks {display:inline-block;position:absolute;right:6px;width:auto;height:30px;vertical-align:top;}
.fa-bars, .fa-times, .fa-file-pdf, .fa-home, .fa-search {font-size:1.5em;vertical-align:-.15em;color:var(--header-text-color);}
.menu {font-size:11px;margin-left:-1px;}
#body-container {height:calc(100vh - 70px);}
/* #body-container {transform:rotate(0.05deg);} */
li.toc-heading {font-weight:700;color:var(--toc-text-color);}
li.toc1 {font-weight:500;color:var(--toc-text-color);}
li.toc1 a {display:block;width:100%;}
li.toc1 a:link, li.toc1 a:visited, li.toc1 a:hover, li.toc1 a:active {color:var(--toc-text-color);text-decoration:none;}
li.lang-select {display:block;}  /* この行は変更しないでください */
#breadcrumb {width:100%;height:27px;padding-left:7px;padding-right:7px;font-weight:400;font-size:14px;line-height:27px;background:var(--breadcrumb-bgcolor);color:var(--breadcrumb-text-color);overflow:hidden;}
#article {height:100%;}
#story {height:calc(100% - 27px);background:var(--story-bgcolor);overflow:auto;}
.page-top {margin-top:0.4rem;}
footer {height:30px;font-size:0.9rem;line-height:30px;color:var(--footer-text-color);background:var(--footer-color);text-align:center;vertical-align:middle;}


/* 各要素の個別設定(ＰＣ) */
@media screen and (min-width: 961px) {
  #main-container {max-width:1200px;margin-left:auto;margin-right:auto;}
   .mobile-menu {display:none;}
   .brand-logo {margin-left:2px;margin-right:6px;}
   .doc-title {font-weight:700;font-size:18px;}
   #side-navigation {width:20%;height:100%;background:var(--toc-bgcolor);padding-top:1rem;padding-bottom:4rem;float:left;overflow:auto;}
   li.toc-heading {padding:0 1rem 3px;font-size:1.1rem;border-bottom:solid 2px var(--toc-border-color);}
   li.toc1 {padding:0.6rem 1rem;border-bottom:solid 1px var(--toc-border-color);}
   li.toc1:hover {background:var(--toc-hover-color);}
   #article {width:80%;height:100%;float:left;}
   #story {padding:1rem 7% 10rem;}
   #main-container:after {content:"";display:block;clear:both;}
}


/* 各要素の個別設定(タブレット、スマホ) */
@media screen and (max-width: 960px) {
   img {max-width:100%;height:auto;}
   header {position:fixed;top:0;z-index:50;}
   .brand-logo {position:absolute;left:48%;transform:translateX(-48%);}
   .doc-title {display:none;}
   .pdf-icon {display:none;}
   #side-navigation {display:none;}
   #article {position:fixed;top:40px;width:100%;padding-bottom:30px;}
   #story {padding:20px 8% 60px;}
   footer {position:fixed;bottom:0;}
   table.MsoTableGrid {overflow-x:scroll;-webkit-overflow-scrolling:touch;}
}


/* 各要素の個別設定(スマホ縦) */
@media screen and (max-width: 480px) {
}