@charset "UTF-8";
/* CSS Document */

/****** ･ ******/
.c-listDisc {
  margin: 0 0 0 20px;
}
.c-listDisc > li {
  list-style-type: disc;
  word-wrap:break-word;
}

/****** 123 ******/
.c-listDecimal {
  margin: 0 0 0 20px;
}
.c-listDecimal > li {
  list-style-type: decimal;
  word-wrap:break-word;
}

/****** 1|2|3 ******/
/*.li-separate *rename*/
.c-pipeSeparate > span,
.c-pipeSeparate > dl,
.c-pipeSeparate > li {
  display:inline-block;
  word-wrap:break-word;
}
.c-pipeSeparate > span:not(:last-child):after,
.c-pipeSeparate > dl:not(:last-child):after,
.c-pipeSeparate > li:not(:last-child):after {
  content: "|";
  padding: 0 2px 0 0;
  margin: 0 0 0 5px;
}

/****** [1][2][3] ******/
.c-bracket > span,
.c-bracket > li {
    display:inline-block;
    word-wrap:break-word;
}
.c-bracket > span:before { content: "[";}
.c-bracket > span:after { content: "]";}
.c-bracket > li:before { content: "[";}
.c-bracket > li:after { content: "]";}

/****** 123... ******/
.c-trimTxtLines {
  position: relative;
  overflow: hidden;
  height: 40px;
  background-color: #fff;
  line-height: 1.6;
  padding: 0 16px 0 0;
}
.c-trimTxtLines:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
}
.c-trimTxtLines:after {
  content: "";
  position: absolute;
  float: right;
  width: 1em;
  background-color: #fff;
  height:100%;
  clear:none;
  visibility: visible;
  display:inline;
  right: 0;
}

/****** 123... ******/
.c-trimTxt {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/****** span,span,span ******/
.c-commaSep span + span:before {
  content: ",";
  padding:0 3px 0 0;
  word-wrap:break-word;
}

/****** ※ ******/
.c-annotation {
  margin-left: 16px;
  text-indent: -16px;
  text-align: justify;
  list-style-type: none;
}
.c-annotation:before {
  content: attr(data-list-style-type);
}
/* = Layout
----------------------------------------------- */
/******vertical******/
.c-vertical > li,
.c-vertical > div {
  width:100%;
  margin: 0 0 8px 0;
}
.c-vertical > li:last-child,
.c-vertical > div:last-child {
  margin: 0;
}
/******horizontal******/
.c-horizontal > li,
.c-horizontal > div,
.c-horizontal > dl,
.c-horizontal > dt,
.c-horizontal > dd {
  display: inline-block;
}
.c-horizontal > li:last-child,
.c-horizontal > div:last-child {
  margin: 0;
}
.c-horizontal--mr12 > li,
.c-horizontal--mr12 > div,
.c-horizontal--mr12 > dl,
.c-horizontal--mr12 > dt,
.c-horizontal--mr12 > dd {
  margin-right:12px;
}