@charset "UTF-8";

/* ----------------------------------------
 hx
---------------------------------------- */
#newsCont article h4.emphasis{
  font-size:1.1em;
  margin:1.5em 0 .2em;
  padding:0;
  font-weight:900;
  border:none;
}
#newsCont article h4.emphasis + p{
  margin-top:0;
}

#newsCont article h4.about{
  font-size:1.3em;
  margin:1.5em 0 .5em;
  padding:0;
  color:#1eade1;
  font-weight:900;
  border:none;
}
#newsCont article h4.about.nfc{
  color:#f95656;
}
#newsCont article h4.about + p{
  margin-top:0;
}

#newsCont article h5.sub{
  font-size:1em;
  margin:1.5em 0 .2em;
  font-weight:400;
  border:none;
}
#newsCont article h4.emphasis + h5.sub{
  margin-top:0;
}
#newsCont article h5.sub + p{
  margin-top:0;
}

#newsCont article h5.box{
  font-size:1em;
  margin:1.5em 0 .2em;
  font-weight:400;
  border:none;
}
#newsCont article h5.box > span{
  padding:0 2px;
  border:solid 1px currentColor;
}
#newsCont article h5.box + p{
  margin-top:0;
}

/* ----- responsive ----- */
@media (max-width:560px) {
  #newsCont article h4.emphasis{
    font-size:1em;
  }
  #newsCont article h4.about{
    font-size:1.1em;
  }
  #newsCont article h5.sub,
  #newsCont article h5.box{
    font-size:.9em;
  }
}


/* ----------------------------------------
 p
---------------------------------------- */
#newsCont article p.indent{
  margin:0;
  text-indent:1em;
}


/* ----------------------------------------
 list
---------------------------------------- */
#newsCont article .detail{
  font-size:1em;
  margin:.2em 0 .5em 1.25em;
  padding:0;
}
#newsCont article ul.detail > li{
  list-style-type:disc;
}
#newsCont article ol.detail > li{
  list-style-type:decimal;
}

#newsCont article ul.check{
  font-size:1em;
  margin:1em 0;
  padding:0 0 0 1em;
}
#newsCont article ul.check li{
  padding:0 0 0 .5em;
  list-style:"\2714"
}

#newsCont article dl.license{
  margin:0 0 2em;
  padding:0;
  font-size:1em;
  display:grid;
  grid-template-columns:max-content 1fr;
  gap:0;
}
#newsCont article dl.license dt{
  display:flex;
  flex-flow:row;
  flex-wrap:nowrap;
  justify-content:space-between;
  gap:0 .5em;
}
#newsCont article dl.license dt .label{
  flex:1 0 max-content;
}
#newsCont article dl.license dt .delimiter{
  flex:0 1 max-content;
}

/* ----- responsive ----- */
@media (max-width:560px) {
  #newsCont article .detail{
    font-size:.9em;
  }
  #newsCont article ul.check{
    font-size:.9em;
  }
  #newsCont article dl.license{
    font-size:.9em;
  }
  #newsCont article dl.license dt{
    gap:0;
  }
}


/* ----------------------------------------
 image
---------------------------------------- */
#newsCont article figure img{
  width:100%;
}
#newsCont article figure figcaption{
  font-size:.9em;
  margin:.25em 0 0;
  text-align:center;
}

#newsCont article figure.mainContainer{
  margin:2em auto;
  width:100%;
  max-width:600px;
}

#newsCont article .bothContainer{
  margin:1em 0;
  display:grid;
  grid-template-columns:repeat(2, calc(50% - .5em));
  gap:1em;
}
#newsCont article .bothContainer p{
  margin:0;
}
#newsCont article .bothContainer figure{
  margin:0 auto;
  max-width:400px;
}

/* ----- responsive ----- */
@media (max-width:560px) {
  #newsCont article figure figcaption{
    font-size:.8em;
  }
  #newsCont article .bothContainer{
    grid-template-columns:1fr;
  }
}


/* ----------------------------------------
 table
---------------------------------------- */
table.overview{
  border:solid 1px #333;
  margin:0;
  border-collapse:collapse;
  width:100%;
}
table.overview th,
table.overview td{
  font-size:0.9em;
  padding:.4em 1em;
  vertical-align:middle;
  border:1px solid #333;
}
table.overview th{
  background:#dae9f7;
  text-align:left;
}
table.overview caption{
  caption-side:bottom;
  text-align:left;
}

/* ----- responsive ----- */
@media (max-width:560px) {
  table.overview{
    font-size:.9em;
  }
  table.overview th,
  table.overview td{
    padding:.5em;
  }
}


/* ----------------------------------------
 other
---------------------------------------- */
article br.spOnly{display:none;}
article br.pcOnly{display:inline;}

/* ----- responsive ----- */
@media (max-width:560px) {
  article br.spOnly{display:inline;}
  article br.pcOnly{display:none;}
}