﻿/* 設定１つ  - 四辺すべてに適用 */
/* 設定２つ  - 上下 | 左右 */
/* 設定３つ  - 上 | 左右 | 下 */
/* 設定４つ  - 上 | 右 | 下 | 左 */

.titlelist {
    margin-left: 20px;
}

.title {
    font-size: 18pt;
    font-weight: 600;
    margin-top:10px;
}

.sepline {
    width: 100%;
    background-color: #FF9933;
    height: 2px;
    margin: 10px 0 0 0; /*TRBL*/
}

.blk {
    display:flex;
    width: 100%;
    margin-bottom:10px;
}

/*説明ラベルの外枠*/
.kakkop {

}
.label_p {
    display: flex;
    justify-content: space-between;
    min-width: 150px;
    margin-top: 5px;
}

.label_p {
    margin-top: 5px;
}
.label_l {
}

.label_r {
}

.label_title {
    display: flex;
    flex-grow: 1;
    margin: 0 5px;
}
    .label_title > p {
        display: inline-block;
        text-align: justify; /* 左右端揃え */
        text-align-last: justify;
        width: 100%;
    }

.alias_p {
    display: flex;
}

.alias {
    display: flex;
    align-content: flex-start;
}

.alias_content_p {
    display: flex;
    flex-grow: 1;
}

.alias_content {
    margin-top: 5px;
}

.rdan_p {
    display: flex;
}

.rdan {
    display: flex;
    align-content: flex-start;
}

.rdan_content_p {
    display: flex;
    flex-grow: 1;
}

.rdan_content {
    margin-top: 5px;
}

.ryutu {
    display: flex;
    align-content: flex-start;
    width: 100%;
}

.ryutu_content {
    flex-grow: 1;
    margin-top: 5px;
}

.hinsyu_p {
/*外枠*/
    display:flex;
    border : 2px solid #000000;
    border-radius: 3px;
    padding: 10px;
}

.hinsyu_title {
    min-width: 120px;
    line-height: 22px;
}

.hinsyu_content {
    flex-grow: 1;
    line-height: 22px;
}

/* ＣＰの外枠 */
.cp_box {
    margin-top: 20px;
}

.sortbtn {
    border: 2px solid #b8860b;
    border-radius: 3px;
    width: 150px;
    padding: 5px;
    text-align: center;
    margin-right: 10px;
    color: #b8860b;
    background-color: #f5deb3;
    cursor: pointer;
}
    .sortbtn.selected {
        border: 2px solid #ff8c00;
        color: #a0522d;
        background-color: #ffd700;
        cursor: none;
    }


.kbn5title {
    display: flex;
    width: 100%;
    height: 30px;
    color: #000000;
    font-weight: 600;
    padding-left: 30px;
    font-size: 14pt;
    align-items: center;
    margin-top:10px;
}

.list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.list_row {
    display: flex;
    align-content:flex-start;
    align-items:flex-start;
    min-height: 25px;
    border: 1px solid #000000;
    margin-top: -1px;
    line-height:25px;
    color:darkblue;
    text-decoration:none;
}
    .list_row:hover {
        opacity: 0.7;
        background-color: lightyellow;
    }

    .list_row.header {
        background-color: orange;
        align-content: center;
        align-items: center;
        color: black;
        font-weight:600;
        min-height:30px;
    }


/* 順 */
.list1_col1 {
    width: 120px;
}

/*社名*/
.list1_col2 {
    width: 200px;
    color: #003366;
    font-weight:600;
}
/*事業部名*/
.list1_col3 {
    width: 160px;
}
/*所在地*/
.list1_col4 {
    width: 170px;
}
/*ＴＥＬ*/
.list1_col5 {
    width: 110px;
}
/*品名*/
.list1_col6 {
    width: 70px;
}
/*会員*/
.list1_col7 {
    width: 70px;
}
