@charset "utf-8";



/*
:root{

textRunRun.css の --detail-color と同じ
--detail-color: #FF8800;

}
*/

.meaning-color-ul{
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.3em;
}

.meaning-color-ul li{
    position: relative;
    margin-top: 10px;
    margin-bottom: 15px;
    padding-left: 2.5em;
}

span.textcolor-only{
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 1.4em;
    height: 1.4em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

span.bgcolor-text{
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 2em;
    height: 1.4em;
}

.softDfn-color{
    background-color: #00B2B2;
}

.alreadyComm-color{
    background-color: #27B2D8;
}

.ahkComm-color{
    /* background-color: var(--ahkScript-color); */
    background-color: #5DFF5D;
}

.windowName-color{
    background-color: #FF8B8B;
}

.guiText-backcolor{
    color: #0F0F0F;
    background-color: #F0F0F0;
}

.mainMenu-backcolor{
    color: #FF8B8B;
    background-color: #F2F2F2;
    border: 1px solid #0C0C0C;
}

.filePath-backcolor{
    color: #936400;
    background-color: #FFFFE8;
    border: 1px solid #F0F70F;
}

.color-onecategory{
    position: relative;
    padding-left: 2em;
}

/*--------------------------
次のページ関係
---------------------------*/

.bundle-pagination{
    margin-bottom: 5em;
}

.bundle-pagination .p-sub{
    margin-left: 60px;
}

span.p1-prev,
span.p1-next{
    display: inline-block;
    background-color: #0bd;
    color: #fff;
    text-decoration: none;
    margin: 0 1px;
}

span.p-trans1-prev,
span.p-trans1-next{
    display: inline-block;
    background-color: #6CF0A2;
    color: #ffffff;
    text-decoration: none;
    margin: 0 5px;
}

span.p-trans2-prev,
span.p-trans2-next{
    display: inline-block;
    background-color: #4683E0;
    color: #fff;
    text-decoration: none;
    margin: 0 5px;
}

span.p-trans1-use-prev,
span.p-trans1-use-next{
    display: inline-block;
    background-color: #FF7F50;
    color: #ffffff;
    text-decoration: none;
    margin: 0 5px;
}

/*--------------------------
  インデックスページの見本
---------------------------*/

.sample-top-all{
    padding: 20px;
    border-style: solid;
    border-width: 2px;
    border-color: cornflowerblue;
}

.sample-top-onecategory{
    overflow: hidden;
    font-size: 0.9rem;
}

.sample-top-onecategory-left{
    float: left;
    width: 45%;
    border-right-style: dotted;
    border-right-width: 2px;
    border-right-color: coral;
}

.sample-top-onecategory-right{
    float: left;
    width: 45%;
    padding-left: 2em;
}

hr.sample-hr-topindex{
    margin-right: 3em;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: darkblue;
}


ul.sample-top-index-listMark{
    margin-bottom: 1em;
    list-style: none;
}

ul.sample-top-index-listMark>li{
    margin: 7px 0 7px 5px;
    text-indent: -1.2em;
    padding-left: 1em;

}

ul.sample-top-index-listMark>li::before{
    display: inline;
    content: '■';
    font-size: 0.7em;
    color: #36469B;
    margin-right: 0.8em;
}

ol.sample-top-index-counter{
    margin-bottom: 1em;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    list-style: none;
}

ol.sample-top-index-counter>li{
    counter-increment: list1;

    margin: 7px 0 7px 5px;
    text-indent: -1.2em;
    padding-left: 1em;

}

ol.sample-top-index-counter>li::before{
    display: inline;
    content: counter(list1);
    font-weight: bold;
    color: #36469B;
    margin-right: 0.8em;
}

div.sample-div-t-top-onecategory{
    margin-top: 10px;;
    margin-left: 10px;
    margin-bottom: 1em;
}


.sample-t-top-onecategory{
    display: inline;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 0.9rem;
    font-weight: bold;
    border-bottom: 5px solid #00bbdd
}

.sample-top-caption-left{
    float: left;
    width: 45%;
    margin-bottom: 1em;
}

.sample-top-caption-right{
    float: left;
    width: 45%;

}

.sample-t-caption-top-left{
    margin-left: 3em;
    font-size: 1rem;
    font-weight: bold;
}

.sample-t-caption-top-right{
    margin-left: 3em;
    font-size: 1rem;
    font-weight: bold;
}

.sample-t-caption-right{
    display: none;
}

/*--------------------------
モバイル版。インデックスページの見本
---------------------------*/

.mobile-top-all{
    max-width: 300px;
    padding: 20px;
    border-style: solid;
    border-width: 2px;
    border-color: cornflowerblue;
}

.mobile-top-onecategory-left{
    float: none;
    width: auto;
    border-right-style: none;
}

.mobile-top-onecategory-right{
    float: none;
    width: auto;
    margin-right: 2em;
    margin-bottom: 3em;
    border-style: solid;
    border-width: 1px;
    border-color: coral;
}

.mobile-t-caption-right{
    display: block;
    margin-top: 1em;
    margin-left: 1.2em;
    margin-bottom: 1em;
    font-size: 0.9rem;
    font-weight: bold;
}