/*=============
* overwrite
===============*/
.article *, 
.article > *:first-child {
  margin: 0;
  padding: 0;
}



/*=============
* ttl
===============*/
.article-ttl {
  margin-top: 60px;
}

/* lv2
===========*/
.article-ttl.-lv2 {
  font-size: 1.125em;
  font-weight: bold;
  border: 1px solid #cccccc;
  border-left-width: 0;
  line-height: 1.6;
  padding: 15px;
  padding-left: 25px;
}
.article-ttl.-lv2::before {
  content: " ";
  display: block;
  height: calc(100% + 2px);
  width: 10px;
  background-color: #0066cc;
  position: absolute;
  top: -1px;
  left: 0;
}
@media (max-width: 800px) {
  .article-ttl.-lv2 {
    font-size: 1em;
  }
}

/* lv3
===========*/
.article-ttl.-lv3 {
  /* font-size: 1em; */
  font-size: 1.125em;
  background-color: #f5f5f5;
  line-height: 1.6;
  padding: 17px 20px 17px;
  font-weight: bold;
}
@media (max-width: 800px) {
  .article-ttl.-lv3 {
    font-size: 1em;
  }
}

/* lv4
===========*/
.article-ttl.-lv4 {
  margin-left: 2em;
  /* font-size: 1em; */
  font-size: 1.125em;
  font-weight: bold;
  text-decoration: underline;
}
@media (max-width: 800px) {
  .article-ttl.-lv4 {
    font-size: 1em;
  }
}

/* lv5
===========*/
.article-ttl.-lv5 {
  margin-left: 2em;
  /* font-size: 0.875em; */
  font-weight: bold;
}
@media (max-width: 800px) {
  .article-ttl.-lv5 {
    font-size: 0.875em;
  }
}




/*=============
* text
===============*/

/* .article-ttl.-lv2 + .article-text,
.article-ttl.-lv2 + .article-list + .article-text,
.article-ttl.-lv3 + .article-text,
.article-ttl.-lv3 + .article-list + .article-text {
  margin-left: 0;
} */
/* .article-ttl.-lv4 + .article-text,
.article-ttl.-lv4 + .article-list + .article-text,
.article-ttl.-lv5 + .article-text,
.article-ttl.-lv5 + .article-list + .article-text {
  margin-left: 2em;
} */
.date-text {
  text-align: right;
  margin-top: 10px;
}
.end-text{
    text-align: right;
}
.article-text {
  /* font-size: 0.875em; */
  margin-top: 15px;
}

.article-text a {
  color: #0808ff;
}
em {
  font-weight: bold;
}
html[lang="en"] .article em{
 font-weight: normal;
 text-decoration: underline;
}
.article-text i { 
  font-style: italic;
}

@media (max-width: 800px) {
  .article-text {
    font-size: 0.875em;
  }
}


/*=============
* list
===============*/

/* .article-ttl.-lv2 + .article-list,
.article-ttl.-lv2 + .article-text + .article-list,
.article-ttl.-lv3 + .article-list,
.article-ttl.-lv3 + .article-text + .article-list {
  margin-left: 3em;
} */
/* .article-ttl.-lv4 + .article-list,
.article-ttl.-lv4 + .article-text + .article-list,
.article-ttl.-lv5 + .article-list,
.article-ttl.-lv5 + .article-text + .article-list {
  margin-left: 4em;
} */

.article-list {
  list-style-position: outside;
  margin-top: 15px;
}
.article-list.-main > li {
  margin-top: 30px;
  list-style-type: none;
}
.article-list.-main > li p{
  margin-top: 15px;
}
.article-list.-parentheses > li {
  list-style-type: none;
  counter-increment: cnt;
  margin-top: 15px;
  text-indent: -1em;
  margin-left: 2em;
  
}
.article-list.-parentheses > li:before {
  display: inline-block;
}
.article-list.-parentheses.-jp > li:before {
  display: inline-block;
  content: "（" counter(cnt) "）";
}
.article-list.-parentheses.-en > li:before {
  display: inline-block;
  content: "(" counter(cnt) ") ";
}
.article-list.-parentheses > li h3{
  display: inline-block;
  margin-left: 10px;
}
.article-list.-parentheses > li ul {
   margin-top: 15px;
}
.article-list.-parentheses > li ul li{
  margin-bottom: 10px;
  text-indent: 0;
  width: calc(100% - 1em);
  border: none;
}
.article-list.-disc{
  margin-top: 15px;
}
.article-list.-disc li {
  list-style-type: disc;
  text-indent: 0;
  margin-left: 1em;
  margin-bottom: 10px;
}
.article-list.-roman li {
  list-style-position: outside;
  list-style-type: lower-roman;
}

@media (max-width: 800px) {
  .article-list {
    font-size: 0.875rem;
  }
}