/* 設定１つ  - 四辺すべてに適用 */
/* 設定２つ  - 上下 | 左右 */
/* 設定３つ  - 上 | 左右 | 下 */
/* 設定４つ  - 上 | 右 | 下 | 左 */

#datablk { /*kkcwebcom.css での定義を上書き （左右のmarginを0に）*/
    margin: 20px 0 !important;
}

.pl {
    display: flex;
    font-size: 10pt;
    line-height:40px;
}
    .pl > .url {
        color:#0000ff;
        text-decoration:none;
    }
    .pl > .hnnm {
    }
    .pl > .kinm {
    }

.seihind {
    font-size: 10pt;
    font-weight: 400;
    line-height: 20px;
    margin: 0 auto;
    padding: 10px;
    max-width: 950px;
    width: 100%;
    border: 1px solid #696969;
}

    .seihind > .content_header {
        width: 100%;
    }
        .seihind > .content_header > .date {
            width: 100%;
            text-align:right;
            line-height: 20px;
            font-size: 0.9em;
        }

        .seihind > .content_header > .title_base {
            display: flex;
            flex-wrap: wrap-reverse;
            width: 100%;
        }

            .seihind > .content_header > .title_base > .title {
                line-height: 25px;
                font-size: 1.4em;
                font-weight: 500;
            }

            .seihind > .content_header > .title_base > .base { /* ベース設計資料 No.999 （9999年99月発刊）掲載 */
                font-size: 0.9em;
                text-align: right;
                line-height: 30px;
                margin-top: -5px;
                flex-grow: 1;
            }

        .seihind > .content_header > .hnnm {
            margin-top:-15px;
            margin-left: 20px;
        }

        .seihind > .content_header > .tilist {
            display: flex;
            flex-wrap: wrap;
            margin-left: 20px;
            width:100%;
        }

            .seihind > .content_header > .tilist > a {
                text-decoration: none;
                color: #0000ff;
                /*font-size: 0.8em;*/
                margin-top: 10px;
                margin-right: 10px;
                line-height: 20px;
            }


    .seihind > .content_innerbox {
        display:flex;
        width: 100%;
        padding-left:10px;
    }


        .seihind > .content_innerbox > .img_big {
            margin-top: 10px;
            min-width: 375px;
            /*width: calc(70% - 20px);*/
            border: 1px solid #d3d3d3;
            object-fit: contain;
            margin: 10px 10px 0;
        }

        .seihind > .content_innerbox > .caption {
            display: block;
            color: #333333;
        }

            .seihind > .content_innerbox > .caption > .kiji {
                font-size:1.2em;
                line-height:25px;
                margin-top: 10px;
            }

            .seihind > .content_innerbox > .caption > .toi {
                margin-top: 10px;
                margin-left: 10px;
                line-height: 25px;
                font-size:1.0em;
            }

            .seihind > .content_innerbox > .caption > .kinm {
                font-size:1.3em;
                margin-left: 25px;
                line-height: 25px;
            }

            .seihind > .content_innerbox > .caption > .addrtel {
                display: flex;
                flex-wrap: wrap;
                font-size: 1.1em;
                margin-left: 35px;
                margin-top: 5px;
            }
                .seihind > .content_innerbox > .caption > .addrtel > .addr1 {
                    line-height: 20px;
                }
                .seihind > .content_innerbox > .caption > .addrtel > .addr2 {
                    line-height: 20px;
                    margin-left: 10px;
                }

                .seihind > .content_innerbox > .caption > .addrtel > .tel {
                    line-height: 20px;
                    margin-left: 20px;
                }


            .seihind > .content_innerbox > .caption > .urlbtn {
                display: flex;
                flex-wrap: wrap;
                justify-content:space-between;
                margin-left: 30px;
                margin-top: 10px;
            }

                .seihind > .content_innerbox > .caption > .urlbtn > p {
                }
                    .seihind > .content_innerbox > .caption > .urlbtn > p > .url {
                        margin-left:5px;
                        line-height: 30px;
                        color: #0000ff;
                        text-decoration: none;
                    }

                    .seihind > .content_innerbox > .caption > .urlbtn > p > .url2 {
                        margin-left: 35px;
                        line-height: 30px;
                        color: #0000ff;
                        text-decoration: none;
                        flex-grow:1;
                    }

                .seihind > .content_innerbox > .caption > .urlbtn > .btn {
                    display:flex;
                    align-items:center;
                    padding: 0 7px;
                    vertical-align:middle;
                    border: 1px solid #333333;
                    border-radius: 3px;
                    background-color: #d3d3d3;
                    color: #333333;
                    cursor:pointer;
                    text-decoration:none;
                }

                    .seihind > .content_innerbox > .caption > .urlbtn > .btn.disabled {
                        color: #808080;
                        border: #808080;
                        cursor : auto;
                    }


.img_small {
    width: 150px;
    margin: 1px;
    /*object-fit: contain;*/
    border: 1px solid #ffffff;
    cursor: pointer;
}

.img_smallsel {
    width: 150px;
    margin: 1px;
    border: 1px solid #ff0000;
    cursor: none;
}


/*@media (max-width: 800px) {
    .seihind {
        line-height: 16px;
        font-size: 8pt;
    }
}
*/