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

/* terms template//
counter-reset ==>
decimal = 数字（初期値）
decimal-leading-zero = 0つき数字（例：01、02、03）
lower-roman = ローマ数字（小文字）（例：ⅰ、ⅱ、ⅲ）
upper-roman = ローマ数字（大文字）（例：Ⅰ、Ⅱ、Ⅲ）
lower-alpha = アルファベット（小文字）（例：a、b、c）
upper-alpha = アルファベット（大文字）（例：A、B、C）
cjk-ideographic = 漢数字（例：一、二、三）
hiragana = ひらがな（例：あ、い、う）
katakana = カタカナ（例：ア、イ、ウ）
katakana-iroha = イロハ順（例：イ、ロ、ハ）
*/
/*------------------------------*/
/* root */
:root{
    --termsHeadline: var(--txt-lg);
}
/*------------------------------*/
/* 基礎設定 */
/* headline */
.termsHeadline{
    font-size: var(--termsHeadline);
    color: var(--c-main-dull);
    font-weight: 700;
}
/* 連番//headline */
ol#termsList{
	counter-reset: headline;
}
ol#termsList > li.box > h3{
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
    border-bottom: 2px solid var(--c-main-dull);

	list-style-type: decimal;

    display: flex;
    align-items: flex-start;
}
ol#termsList > li.box > h3::before{
	counter-increment: headline;
	content: "第"counter(headline) "章";
    display: table-cell;
    padding-right: 1em;
    text-align: right;
    min-width: 3.6em;
}
/* //その他の連番// */
/* 数字 */
#termsList ol.list{
    counter-reset: list-ol;
}
#termsList ol.list > li{
	list-style-type: decimal;
	margin: 0;
    padding: 0;
    line-height: 1.7;
    display: table-row;
}
#termsList ol.list > li::before{
    counter-increment: list-ol;
    content: counter(list-ol) ".";
    display: table-cell;
    padding-right: 0.5em;
    text-align: right;
}
/* 数字//鉤括弧 */
#termsList ol.list.brackets > li::before{
    content: "("counter(list-ol) ")";
}
#termsList ol.list.halfBrackets > li::before{
    content: counter(list-ol) " ）";
    padding-right: 0;
}
/* アルファベット */
#termsList ol.list.alphabet{
    counter-reset: list-lower-alpha;
}
#termsList ol.list.alphabet > li::before{
    counter-increment: list-lower-alpha;
    content: counter(list-lower-alpha,lower-alpha) ".";
}
/* ひらがな */
#termsList ol.list.hiragana{
    counter-reset: list-hiragana;
}
#termsList ol.list.hiragana > li::before{
    counter-increment: list-hiragana;
    content: counter(list-hiragana,hiragana) "、";
    padding-right: 0;
}
/* カタカナ */
#termsList ol.list.kana{
    counter-reset: list-kana;
}
#termsList ol.list.kana > li::before{
    counter-increment: list-kana;
    content: counter(list-kana,katakana) "、";
    padding-right: 0;
}
/* カタカナ//イロハ */
#termsList ol.list.iroha{
    counter-reset: list-iroha;
}
#termsList ol.list.iroha > li::before{
    counter-increment: list-iroha;
    content: counter(list-iroha,katakana-iroha) "、";
    padding-right: 0;
}
/*------------------------------*/
/* マージン設定 */
/* リード */
#termsHello p{
    margin-top: 1em;
}
/* リスト */
#termsList{
    margin-top: 4em;
}
#termsList .box + .box{
    margin-top: 3em;
}
#termsList .list,
#termsList .txt,
#termsList table
{
    margin-top: 1em;
}
#termsList .listMargin{
    margin-top: 2em;
    display: block;
}
#termsList .list.brackets,
#termsList .list.halfBrackets,
#termsList .list.alphabet,
#termsList .list.hiragana,
#termsList .list.kan,
#termsList .list.iroha
{
    margin-top: 0.3em;
}
/*------------------------------*/
/* テーブル*/
#termsList table{
    border: 1px solid #dedede;
}
#termsList table tr th,
#termsList table tr td
{
	vertical-align: top;
	font-size: var(--txt);
	font-weight: var(--normal);
	padding: 0.2em 1em;
}
#termsList table tr:first-child th,
#termsList table tr:first-child td
{
    padding-top: 1em;
}
#termsList table tr:last-child th,
#termsList table tr:last-child td
{
    padding-bottom: 1em;
}
/*------------------------------*/
/* リンク */
#termsList a{
    text-decoration: underline;
    color: var(--c-link);

    transition:
    color .2s var(--easeInSine);
}
#termsList a:hover{
    color: var(--c-link--hover);
}
/*------------------------------*/
/* 日付 */
#termsList .termsDate{
    text-align: right;
}




/*-------------------------------*/
/* Tablet */
/*------------------------------*/
@media(max-width:959px){
}/*Tablet END*/



/*-------------------------------*/
/* Smartphone */
/*------------------------------*/
@media(max-width:559px){
/*------------------------------*/
/* マージン設定 */
/* リスト */
#termsList{
    margin-top: 3em;
}
#termsList .listMargin{
    margin-top: 1.5em;
}
/*------------------------------*/
/* テーブル*/
#termsList table{
    border: 1px solid #dedede;
    text-align: left;
}
#termsList table tr{
    display: flex;
    flex-direction: column;
    padding: 0.5em 0;
}
#termsList table tr th,
#termsList table tr td
{
    padding: 0 1em;
}
#termsList table tr:first-child th,
#termsList table tr:first-child td
{
    padding: 0 1em;
}
#termsList table tr th{
    font-weight: var(--bold);
}
#termsList table tr:first-child th{
    padding-top: 1em;
}
#termsList table tr:last-child th,
#termsList table tr:last-child td
{
    padding: 0 1em;
}
#termsList table tr:last-child td{
    padding: 0 1em;
    padding-bottom: 1em;
}

}/*Smartphone END*/