@charset "UTF-8";


/*===============
モデル名削除
================*/	

#home-title {
    display: none;
}


/*===============
レイアウト調整
================*/	

body {
    color: #666;
}

a {
    cursor: pointer;
}

summary {
    margin: 0.5rem 0rem 0rem;
}

details {
    margin: 0rem 1.5rem;
}

ul.schema-languages li {
    color: #333;
    background: #dcdfe2;
    font-weight:bold;
    padding-right:1rem;
}

ul.schema-languages li:hover, details[open] summary li {
    color: #fff;
    background: #4b1e78;
}

span.lang-highlighted {
    display: inline-block;
    width: 130px;
    border-radius: 4px;
    margin-right: 8px;
    padding: 2px 0px;
/*    font-weight: normal; */
}

ul.schema-languages li:hover > span.lang-highlighted, details[open] span.lang-highlighted {
    color: #fff;
    background: #4b1e78;
}

.manual-title {
    font-weight: normal;
}

.details-contents {
    margin: 0.5rem 2.5rem 2.5rem;
    font-size: 1rem;
}

div.areas-supported {
    margin-top: 0.8rem;
    padding: 10px 20px 16px;
    border-radius: 8px;
    color: #333;
    background: rgb(225,217,232);
}

div.areas-supported button {
    margin: 0.5rem 0;
    padding: 8px 12px;
    border: none;
    background: #4b1e78;
}

div.areas-supported button a {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

div.areas-supported button:has(a:hover) {
    background: #7b47d2;
}

div.areas-supported button a:hover {
    color: #fff;
}

.box {
    margin-top: 1rem;
    padding: 0px 4px 0px 12px;
    border-left: #4b1e78 4px solid;
}

div.areas-not-supported button {
    margin: 0.5rem 0;
    padding: 8px 12px 6px;
    border: 1px solid #000;
    background: #fff;
    font-weight: bold;
}

div.areas-not-supported button a, div.areas-not-supported button a:focus {
    color: #666;
}

div.areas-not-supported button:hover {
    background: #000;
}

div.areas-not-supported button:hover > a {
    color: #fff;
}

.contact {
    margin-top: 1.5rem;
    color: #4b1e78;
    font-size: 1.2rem;
    font-weight: bold;
}

.contact a {
    text-decoration: underline;
    color: #4b1e78;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
    color: inherit;
}

.darkgray {
    color: #333;
}

.YamahaViolet {
    color: #4b1e78;
}

.red {
    color: red;
}

.sp {
      display: none;
  }

footer {
      margin-right: 3rem;
}

/*=====================================
レイアウト調整（タブレット/スマホ用）
=====================================*/
@media screen and (max-width: 960px) {

  .details-contents {
      margin-left: 0rem;
      margin-right: 0rem;
  }

  td {
      padding: 8px 12px;
      background:#4b1e78;
  }

  .highlighted {
      padding: 0px 0px;
  }

}

@media screen and (max-width: 480px) {

  .sp {
      display: block;
  }
  
  .manual-title {
      display: none;
  }

  footer {
      margin: 0 2.5rem;
  }

}