@charset "UTF-8";

/***** glossary-detail *****/
#glossary-detail .social-buttons {
  margin-top: 3.6rem;
}
#glossary-detail .body {
  margin-top: 4.6rem;
  padding: 0 2.4rem;
}
#glossary-detail footer.sft {
  margin-top: 5.4rem;
}

/***** glossary main *****/
.glossary .main {
  color: inherit;
  font-size: 1.8rem;
  margin-top: 3rem;
}

/***** glossary main *****/
.glossary .main {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}
/** h1 **/
.glossary .main h1 {
  font-size: calc(28 / 16 * 1em);
  font-weight: bold;
  line-height: calc(40 / 28 * 1em);
}
.glossary .main img + h1 { margin-top: 1em; }
.glossary .main img[class="left"] + h1,
.glossary .main img[class="right"] + h1 {
  margin-top: 0;
}
.glossary .main h2 + h1 {
  margin-top: calc(10 / 28 * 1em);
}
/** h2 **/
.glossary .main h2 {
  font-size: calc(22 / 16 * 1em);
  line-height: calc(32 / 22 * 1em);
}
.glossary .main h1 + h2 {
  margin-top: calc(10 / 22 * 1em);
}
/** h3 **/
.glossary .main h3 {
  position: relative;
  font-size: calc(20 / 16 * 1em);
  line-height: calc(28 / 16 * 1em);
  padding-left: 0.75em;
}
.glossary .main h3::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0.1em;
  left: 0;
  background: #0563c1;
  width: calc(5 / 16 * 1em);
  height: calc(100% - 0.5em);
  margin: auto 0;
}
.glossary .main * + h3 {
  margin-top: 1em;
}
.glossary .main p + h3,
.glossary .main img + h3 {
  margin-top: calc(40 / 20 * 1em );
}
.glossary .main div.left + h3,
.glossary .main div.right + h3 {
  margin-top: 0!important;
}
/** h4 **/
.glossary .main h4 {
  font-size: calc(17 / 16 * 1em);
  line-height: calc(24 / 17 * 1em);
}
.glossary .main * + h4,
.glossary .main p + h4,
.glossary .main img + h4 {
  margin-top: calc(30 / 17 * 1em);
}
.glossary .main div.left + h4,
.glossary .main div.right + h4 {
  margin-top: 0!important;
}
/** p **/
.glossary .main p {
  font-size: 1em;
  line-height: calc(30 / 18 * 1em);
}
.glossary .main * + p { margin-top: calc(30 / 18 * 1em); }

/** a **/
.glossary .main a {
  color: #19a4dd;
  text-decoration: underline;
  word-break: break-all;
}
.glossary .main a:hover {
  text-decoration: none;
}

/** etc **/
.glossary .main b { font-weight: bold; }
.glossary .main small { font-size: 0.9em; }
.glossary .main hr {
  display: block;
  border: none;
  border-top: 1px solid #777;
  margin: calc(25 / 16 * 1em) auto;
}
.glossary .main h2 + hr {
  margin-top: 1.142857em;
}
.glossary .main br.clear {
  display: block;
  clear: both;
}
.glossary .main .box4 p {
  font-size: calc(14 / 16 * 1em);
}

/* div */
.glossary .main > div:after,
.glossary .main > .page > div:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
.glossary .main > div + div,
.glossary .main > .page > div + div,
.glossary .main > .page + div {
  margin-top: calc(40 / 856 * 100%);
}
.glossary .main div:not([class*=box]) > div + div,
.glossary .main div h3 + div,
.glossary .main div p + div { margin-top: 1rem; }

/* list */
.glossary .main ul,
.glossary .main ol {
  font-size: 1em;
  line-height: calc(30 / 16 * 1em);
  padding-left: 1.5em;
  list-style: initial;
}
.glossary .main ul,
.glossary .main ul li { list-style-type: disc; }
.glossary .main ol,
.glossary .main ol li { list-style-type: decimal; }
.glossary .main * + ul,
.glossary .main * + ol { margin-top: calc(20 / 16 * 1em); }

.glossary .main img:first-of-type + h3,
.glossary .main img:first-of-type + h4,
.glossary .main img:first-of-type + p,
.glossary .main img:first-of-type + ul,
.glossary .main img:first-of-type + ol {
  margin-top: 0;
}

/* table */
.glossary .main .table h3,
.glossary .main .table h4 {
  font-size: 1.125rem;
  line-height: 1.33333em;
  border: none;
  padding-left: 0;
}
.glossary .main .table h3 + table,
.glossary .main .table h4 + table { margin-top: 1rem; }
.glossary .main .table p + table { margin-top: 1rem; }
.glossary .main table {
  table-layout: fixed;
  font-size: 0.90625em;
  word-break: break-all;
  width: 100%;
}
.glossary .main table caption {
  font-size: 1rem;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.glossary .main table th {
  background-color: #eee;
}
.glossary .main table tr:first-child th {
  text-align: center;
}
.glossary .main table th,
.glossary .main table td {
  text-align: center;
  border: 1px solid #ddd;
  padding: 0.3em 0.5em;
}
.glossary .main .table.th-left th,
.glossary .main .table.td-left td { text-align: left; }
.glossary .main .table.th-right th,
.glossary .main .table.td-right td { text-align: right; }
.glossary .main .table.th-left tr:first-child th + th,
.glossary .main .table.th-right tr:first-child th + th { text-align: center; }

.glossary .main .table.th10 th, .glossary .main .table.td10 td { width: 10%; }
.glossary .main .table.th20 th, .glossary .main .table.td20 td { width: 20%; }
.glossary .main .table.th30 th, .glossary .main .table.td30 td { width: 30%; }
.glossary .main .table.th40 th, .glossary .main .table.td40 td { width: 40%; }
.glossary .main .table.th50 th, .glossary .main .table.td50 td { width: 50%; }
.glossary .main .table.th60 th, .glossary .main .table.td60 td { width: 60%; }
.glossary .main .table.th70 th, .glossary .main .table.td70 td { width: 70%; }
.glossary .main .table.th80 th, .glossary .main .table.td80 td { width: 80%; }
.glossary .main .table.th90 th, .glossary .main .table.td90 td { width: 90%; }

.glossary .main .table.th15 th, .glossary .main .table.td15 td { width: 15%; }
.glossary .main .table.th25 th, .glossary .main .table.td25 td { width: 25%; }
.glossary .main .table.th35 th, .glossary .main .table.td35 td { width: 35%; }
.glossary .main .table.th45 th, .glossary .main .table.td45 td { width: 45%; }
.glossary .main .table.th55 th, .glossary .main .table.td55 td { width: 55%; }
.glossary .main .table.th65 th, .glossary .main .table.td65 td { width: 65%; }
.glossary .main .table.th75 th, .glossary .main .table.td75 td { width: 75%; }
.glossary .main .table.th85 th, .glossary .main .table.td85 td { width: 85%; }
.glossary .main .table.th95 th, .glossary .main .table.td95 td { width: 95%; }

.glossary .main .table.th10 tr:first-child th + th,
.glossary .main .table.th20 tr:first-child th + th,
.glossary .main .table.th30 tr:first-child th + th,
.glossary .main .table.th40 tr:first-child th + th,
.glossary .main .table.th50 tr:first-child th + th,
.glossary .main .table.th60 tr:first-child th + th,
.glossary .main .table.th70 tr:first-child th + th,
.glossary .main .table.th80 tr:first-child th + th,
.glossary .main .table.th90 tr:first-child th + th { width: auto; }

.glossary .main .table.th15 tr:first-child th + th,
.glossary .main .table.th25 tr:first-child th + th,
.glossary .main .table.th35 tr:first-child th + th,
.glossary .main .table.th45 tr:first-child th + th,
.glossary .main .table.th55 tr:first-child th + th,
.glossary .main .table.th65 tr:first-child th + th,
.glossary .main .table.th75 tr:first-child th + th,
.glossary .main .table.th85 tr:first-child th + th,
.glossary .main .table.th95 tr:first-child th + th { width: auto; }

/* image */
.glossary .main img.block {
  display : block;
}

/* image float */
.glossary .main img.left,
.glossary .main img.right {
  width: auto;
  max-width: 47.826087%;
  margin-top: 0.25em;
  margin-bottom: 1.25em;
}
.glossary .main p + img.left,
.glossary .main p + img.right {
  margin-top: 1.25em;
}
.glossary .main img.left {
  margin-right: calc(25 / 920 * 100%);
  float: left;
}
.glossary .main img.right {
  margin-left: calc(25 / 920 * 100%);
  float: right;
}

/* div float */
.glossary .main div.left {
  margin-right: calc(25 / 920 * 100%);
  float: left!important;
}
.glossary .main div.right {
  margin-left: calc(25 / 920 * 100%);
  float: right!important;
}
.glossary .main div.left + div,
.glossary .main div.right + div { margin-top: 0!important; }
.glossary .main div p + div.left,
.glossary .main div p + div.right {
  margin-top: calc(18 / 16 * 1rem);
  margin-bottom: calc(20 / 16 * 1rem);
}
.glossary .main div p + div.left > img,
.glossary .main div p + div.right > img { margin-top: 0.25em; }

/* image box common */
.glossary .main .box0,
.glossary .main .box1,
.glossary .main .box2,
.glossary .main .box3,
.glossary .main .box4 {
  width: 100%;
  overflow: hidden;
}
.glossary .main .box1 > div > img,
.glossary .main .box2 > div > img,
.glossary .main .box3 > div > img,
.glossary .main .box4 > div > img {
  width: 100%;
  height: auto;
}
.glossary .main [class^="box"] > div > img.border {
  vertical-align: middle;
}
.glossary .main .box1 > div > img + p,
.glossary .main .box2 > div > img + p,
.glossary .main .box3 > div > img + p,
.glossary .main .box4 > div > img + p {
  line-height: 1.571428em;
  margin-top: 0.8em;
}
.glossary .main .box1 > div > p + img,
.glossary .main .box2 > div > p + img,
.glossary .main .box3 > div > p + img,
.glossary .main .box4 > div > p + img {
  margin-top: 1em;
}
.glossary .main .box0 > div > br + img,
.glossary .main .box1 > div > br + img { margin-top: 1em; }
.glossary .main .box2 > div > br + img { margin-top: 0.9em; }
.glossary .main .box3 > div > br + img { margin-top: 0.8em; }
.glossary .main .box4 > div > br + img { margin-top: 0.7em; }

/* image box 0 */
.glossary .main .box0 {
  text-align: center;
}
.glossary .main .box0 > div {
  display: inline-block;
}

/* image box 1 */
.glossary .main .box1 > div {
  width: auto;
  max-width: 69.565217%;
  margin: 0 auto;
}

/* image box 2 */
.glossary .main .box2 > div {
  width: 48.369565%;
  float: left;
}
.glossary .main .box2 > div + div {
  margin-left: 3.260869%;
}

/* image box 3 */
.glossary .main .box3 > div {
  width: 31.847826%;
  float: left;
}
.glossary .main .box3 > div + div {
  margin-left: 2.228261%;
}

/* image box 4 */
.glossary .main .box4 > div {
  width: 23.369565%;
  float: left;
}
.glossary .main .box4 > div + div {
  margin-left: 2.173913%;
}

/* highlight box */
.glossary .main .highlight {
  box-sizing: border-box;
  background: #f2f2f2;
  border: 1px solid #d6d6d6;
  padding: 4.34783%;
}

/* aside */
.glossary .main .aside-left,
.glossary .main .aside-right {
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  width: 30%;
  margin-top: 0.25em;
  margin-bottom: 1.25em;
}
.glossary .main h3 + .aside-left,
.glossary .main h3 + .aside-right,
.glossary .main p + .aside-left,
.glossary .main p + .aside-right {
  margin-top: 1.25em;
}
.glossary .main .aside-left {
  margin-right: 3.043478%;
  float: left;
}
.glossary .main .aside-right {
  margin-left: 3.043478%;
  float: right;
}
.glossary .main .aside-left p ,
.glossary .main .aside-right p {
  font-size: 0.875em;
  box-sizing: border-box;
  background-color: #f2f2f2;
  border-top: 1px solid #d6d6d6;
  padding: 4.34783%;
}
.glossary .main .aside-left p:first-child,
.glossary .main .aside-right p:first-child {
  background-color: white;
  border: none;
}
.glossary .main .aside-left + .aside-left { clear: left; }
.glossary .main .aside-right + .aside-right { clear: right; }

/* video */
.glossary .body .video {
  position: relative;
  line-height: 0;
  width: 100%;
}
.glossary .body .video:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.glossary .body .video > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  vertical-align: bottom;
  width: 100%;
  height: 100%;
}

/* twitter */
.glossary .main .twitter {
  width: 100%;
  overflow: hidden;
}
.glossary .main .twitter > div {
  width: auto;
  max-width: 500px;
  margin: 0 auto;
}
.glossary .main .twitter > div iframe[class="twitter-tweet twitter-tweet-rendered"] {
  margin: 0!important;
}

/* width */
.glossary .main .w10, .glossary .main .w15,
.glossary .main .w20, .glossary .main .w25,
.glossary .main .w30, .glossary .main .w35,
.glossary .main .w40, .glossary .main .w45,
.glossary .main .w50, .glossary .main .w55,
.glossary .main .w60, .glossary .main .w65,
.glossary .main .w70, .glossary .main .w75,
.glossary .main .w80, .glossary .main .w85,
.glossary .main .w90, .glossary .main .w95,
.glossary .main .w100 {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.glossary .main .w10  { width:  10%!important; }
.glossary .main .w20  { width:  20%!important; }
.glossary .main .w30  { width:  30%!important; }
.glossary .main .w40  { width:  40%!important; }
.glossary .main .w50  { width:  50%!important; }
.glossary .main .w60  { width:  60%!important; }
.glossary .main .w70  { width:  70%!important; }
.glossary .main .w80  { width:  80%!important; }
.glossary .main .w90  { width:  90%!important; }
.glossary .main .w100 { width: 100%!important; }

.glossary .main .w15  { width:  15%!important; }
.glossary .main .w25  { width:  25%!important; }
.glossary .main .w35  { width:  35%!important; }
.glossary .main .w45  { width:  45%!important; }
.glossary .main .w55  { width:  55%!important; }
.glossary .main .w65  { width:  65%!important; }
.glossary .main .w75  { width:  75%!important; }
.glossary .main .w85  { width:  85%!important; }
.glossary .main .w95  { width:  95%!important; }

/* caption */
.glossary .main .caption {
  font-size: 0.875em;
  line-height: 1.571428em;
  text-align: left;
  margin-top: 0.8em!important;
}
.glossary .main .caption:only-child {
  margin-top: 0!important;
}
.glossary .main .box3 img + .caption { margin-top: 0.6em!important; }
.glossary .main .box4 img + .caption { margin-top: 0.5em!important; }

/* tag */
.glossary .main .tag {
  display: table;
  font-size: 0.857142em;
  margin-top: 3.26087%;
}
.glossary .main .tag p {
  display: table-cell;
  white-space: nowrap;
}
.glossary .main .tag ul {
  display: table-cell;
  list-style: none;
  margin: 0;
  padding: 0;
}
.glossary .main .tag ul li {
  display: inline-block;
  margin-left: 1em;
}
.glossary .main .tag ul li a {
  color: #222;
  margin: 0;
}

/* text */
.glossary .main .txt-left { text-align: left; }
.glossary .main .txt-right { text-align: right; }
.glossary .main .txt-center { text-align: center; }

/* profile */
.glossary .main .profile {
  background: #f2f2f2;
  border: 1px solid #d6d6d6;
  padding: 2.17391%;
}
.glossary .main .profile .image {
  width: 13%;
  float: right;
}
.glossary .main .profile .text {
  line-height: 1.5em;
  width: 100%;
  margin: 0;
}
.glossary .main .profile .image + .text {
  width: 85%;
  float: left;
}
.glossary .main .profile .text h3 { font-size: 1em; }
.glossary .main .profile .text p { font-size: 0.875em; line-height: 1.75em; }

/* disclaimer */
.glossary .main .disclaimer {
  border-radius : 1em;
}

/***** author *****/
.glossary .main .author {
  margin-top: 0;
}

/***** related-article *****/
.glossary .main .related-article {
  margin-top: 4rem;
}
.glossary .main .related-article a {
  color: inherit;
  text-decoration: none;
}

/***** relation *****/
.glossary .main .relation {
  margin-top: 9rem;
}
.glossary .main .relation h2 {
  display: flex;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: calc(36 / 24 * 1em);
  background: url(/static/images/commons/border01-gray.svg) repeat-x left -3px bottom / 16px 2px;
  min-height: 3.6rem;
  padding-bottom: .9rem;
}
.glossary .main .relation a {
  clear: both;
  font-size: 1.8rem;
  line-height: calc(30 / 18 * 1em);
  text-decoration: underline;
  margin-left: 1.8rem;
  float: left;
}
.glossary .main .relation a:hover {
  text-decoration: none;
}
.glossary .main .relation a:first-of-type {
  margin-top: 2.4rem;
}
.glossary .main .relation a + a {
  margin-top: 1.2rem;
}

@media screen and (min-width: 769px) {
  .glossary .main .profile .image.image-left {
    width: 20%;
    float: left;
    border: 0;
    margin-top: 1.142857em;
    margin-right: 1.142857em;
    margin-bottom: 0;
  }
}

/***** mobile ***********************************************************************************/
@supports (display: grid) { /* IE fix start */
@media screen and (max-width: 768px) {
  /***** glossary-detail *****/
  #glossary-detail .social-buttons {
    margin-top: 3.6rem;
  }
  #glossary-detail .body {
    margin-top: 7rem;
    padding: 0 3rem;
  }
  #glossary-detail footer.sft {
    margin-top: 8rem;
  }

  /***** glossary main *****/
  .glossary .body {
    padding: 0 3rem;
  }
  .glossary .main {
    font-size: 2.8rem;
    margin-top: 4rem;
  }

  /***** glossary main *****/
  .glossary .main {
    padding: 0;
  }
  .glossary .main h1 {
    font-size: 1.33333em;
    line-height: 1.4em;
  }
  .glossary .main h2 {
    font-size: 1.16667em;
    line-height: 1.4em;
  }
  .glossary .main h1 + h2 {
    margin-top: 0.8em;
  }
  .glossary .main h2 + h1 {
    margin-top: calc(10 / 24 * 1rem);
  }
  .glossary .main h3 {
    font-size: 1.1em;
    line-height: 1.6em;
  }
  .glossary .main * + h3 {
    margin-top: 1.5em;
  }
  .glossary .main p + h3,
  .glossary .main img + h3 {
    margin-top: 10.3448%;
  }
  .glossary .main div.left + h3,
  .glossary .main div.right + h3 {
    margin-top: 1.5em!important;
  }
  .glossary .main p {
    font-size: 1em;
    line-height: calc(46 / 28 * 1em);
  }
  .glossary .main * + p { margin-top: calc(46 / 28 * 1em); }
  .glossary .main .box4 p {
    font-size: calc(20 / 640 * 100vw);
  }
  .glossary .main img + h1,
  .glossary .main img[class="left"] + h1,
  .glossary .main img[class="right"] + h1 { margin-top: 1em; }
  .glossary .main img:first-of-type + h3,
  .glossary .main img:first-of-type + p,
  .glossary .main img:first-of-type + ul,
  .glossary .main img:first-of-type + ol {
    margin-top: 1.14286em;
  }
  .glossary .main > div + div {
    margin-top: calc(60 / 640 * 100vw);
  }

  /* table */
  .glossary .main table {
    font-size: 0.875em;
  }

  /* image float */
  .glossary .main img.left,
  .glossary .main img.right {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
  .glossary .main p + img.left,
  .glossary .main p + img.right {
    margin-top: 1.25em;
  }
  .glossary .main img.left {
    margin-right: 0;
    float: none;
  }
  .glossary .main img.right {
    margin-left: 0;
    float: none;
  }

  /* div float */
  .glossary .main div.left,
  .glossary .main div.right {
    margin-right: 0;
    float: none!important;
  }
  .glossary .main div.left + div,
  .glossary .main div.right + div {
    margin-top: 1.25em!important;
  }

  /* image box 1 */
  .glossary .main .box1 > div {
    max-width: 100%;
    margin: 0 auto;
  }

  /* image box 2 */
  /* image box 3 */
  .glossary .main .box2 > div,
  .glossary .main .box3 > div {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .glossary .main .box2 > div + div,
  .glossary .main .box3 > div + div {
    margin-top: 5.17241%;
    margin-left: auto;
  }
  .glossary .main .box2 .box2 > div,
  .glossary .main .box2 .box3 > div,
  .glossary .main .box3 .box2 > div,
  .glossary .main .box3 .box3 > div {
    width: 100%;
  }

  /* image box 4 */
  .glossary .main .box4 > div {
    width: calc(280 / 580 * 100%);
    margin-top: 5.17241%;
    float: left;
  }
  .glossary .main .box4 > div + div {
    margin-left: calc(20 / 580 * 100%);
  }
  .glossary .main .box4 > div:nth-child(-n+2) {
    margin-top: 0;
  }
  .glossary .main .box4 > div:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
  .glossary .main .box4 > div img:first-of-type {
    margin-top: 0.25em;
  }

  /* aside */
  .glossary .main .aside-left,
  .glossary .main .aside-right {
    text-align: center;
    background-color: #f2f2f2;
    width: 80%;
    margin: 0 auto;
    padding: 4.34783% 4.34783% 2.58621%;
    float: none;
  }
  .glossary .main .aside-left:after,
  .glossary .main .aside-right:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
  }
  .glossary .main .aside-left img,
  .glossary .main .aside-right img {
    display: block;
    width: 50%;
    margin: 0 auto;
  }
  .glossary .main .aside-left p ,
  .glossary .main .aside-right p {
    display: inline-block;
    font-size: 0.833333em;
    text-align: left;
    background: none;
    border-top: none;
    width: auto;
    padding: 0;
  }
  .glossary .main .aside-left p:first-child,
  .glossary .main .aside-right p:first-child {
    display: block;
    text-align: center;
    background-color: transparent;
    margin-top: -0.3em;
    margin-bottom: 1em;
  }
  .glossary .main .aside-left + .aside-left,
  .glossary .main .aside-right + .aside-left,
  .glossary .main .aside-left + .aside-right,
  .glossary .main .aside-right + .aside-right {
    margin-top: 5.17241%;
  }

  /* width */
  .glossary .main .w10, .glossary .main .w15,
  .glossary .main .w20, .glossary .main .w25,
  .glossary .main .w30, .glossary .main .w35,
  .glossary .main .w40, .glossary .main .w45,
  .glossary .main .w50, .glossary .main .w55,
  .glossary .main .w60, .glossary .main .w65,
  .glossary .main .w70, .glossary .main .w75,
  .glossary .main .w80, .glossary .main .w85,
  .glossary .main .w90, .glossary .main .w95,
  .glossary .main .w100 {
    margin-left: auto!important;
    margin-right: auto!important;
  }
  .glossary .main .w10, .glossary .main .w15,
  .glossary .main .w20, .glossary .main .w25,
  .glossary .main .w30, .glossary .main .w35,
  .glossary .main .w40, .glossary .main .w45,
  .glossary .main .w50, .glossary .main .w55,
  .glossary .main .w60, .glossary .main .w65,
  .glossary .main .w70, .glossary .main .w75,
  .glossary .main .w80, .glossary .main .w85,
  .glossary .main .w90, .glossary .main .w95,
  .glossary .main .w100 { width: 100%!important; }

  /* caption */
  .glossary .main .caption {
    font-size: 0.833333em;
  }

  /* profile */
  .glossary .main .profile {
    padding: 4.34783%;
  }
  .glossary .main .profile .image {
    width: 40%;
    margin: 0 auto;
    float: none;
  }
  .glossary .main .profile .image + .text {
    width: 100%;
    margin-top: 5.68182%;
    float: none;
  }

  /***** related-article *****/
  .glossary .main .related-article { margin-top: 4.8rem; }

  /***** relation *****/
  .glossary .main .relation { margin-top: 9rem; }
  .glossary .main .relation h2 {
    font-size: 3.6rem;
    line-height: calc(48 / 36 * 1em);
    background: url(/static/images/commons/sp/border01-gray.svg) repeat-x left -.5rem bottom / 2.8rem .4rem;
    padding-bottom: 1.6rem;
    min-height: 4.8rem;
  }
  .glossary .main .relation a {
    font-size: 2.8rem;
    line-height: calc(46 / 28 * 1em);
  }
  .glossary .main .relation a:first-of-type { margin-top: 4.8rem; }
  .glossary .main .relation a + a { margin-top: 3rem; }
}
}/* IE fix end */


/***** glossary preview *****/
.admin-preview #glossary-detail .body {
  margin-top: 0;
}
.admin-preview .glossary header {
  position: relative;
  box-shadow: none;
}