@charset "utf-8";
/*--------------------------------------------------*/
/* Table */
/*--------------------------------------------------*/

/* 共通 */
.pc_tableWrap {
    display: block;
}

.sp_tableWrap {
    display: none;
}

/* table */
.sp_tableWrap {
    border-bottom: 1px solid #555;
}

.sp_tableWrap table {
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    border-spacing: 0;
    background: #ffffff;
}

.sp_tableWrap table th {
    padding: 10px;
    background: #f2f2f2;
    font-weight: bold;
}

.sp_tableWrap table th:first-child {
    border-top: 1px solid #555;
}

.sp_tableWrap table th:last-child {
    border-bottom: none;
}

.sp_tableWrap table td {
    padding: 5px 10px;
    text-align: center;
    border-top: 1px solid #555;
}

.table_scroll_wrap table td:nth-child(-n+2) {
    white-space: nowrap;
}

/* .table_normal */
.pc_tableWrap {
    max-height: 80vh;
    overflow: auto;
}

.pc_tableWrap .table_ac.tableStyle3.serviceTable {
    width: 100%;
    margin: 0;

    table-layout: fixed; /**ヘッダで固定幅指定しているので*/
    word-wrap: break-word;
    overflow-wrap: break-word;
    border: none;
    border-spacing: 0;
    border-collapse: separate;
}

.pc_tableWrap .table_ac.tableStyle3.serviceTable td {
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
}

.pc_tableWrap .table_ac.tableStyle3.serviceTable th:first-child,
.pc_tableWrap .table_ac.tableStyle3.serviceTable td:first-child {
    border-left: 1px solid #555;
}

.pc_tableWrap .table_ac.tableStyle3.serviceTable tr:first-child th {
    border-top: 1px solid #555;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;

    position: sticky;
    top: 0;
    z-index: 2;
}

/**機種名列は　ヘッダが.line(ライン列が.kisyu) データが.kisyu*/
.pc_tableWrap .table_ac.tableStyle3.serviceTable tr td.kisyu,
.pc_tableWrap .table_ac.tableStyle3.serviceTable tr th.line {
    position: sticky;
    left: 0;
    z-index: 1;
}

.pc_tableWrap .table_ac.tableStyle3.serviceTable tr:first-child th.line {
    z-index: 3;
}

/* .table_scroll */
.table_scroll_wrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.table_scroll_wrap table {
    width: 980px;
}

/* .table_separate */
.sp_table_separateWrap .ttl {
    margin-top: 20px;
}

.sp_table_separateWrap .ttl:first-child {
    margin-top: 0;
}

.sp_table_separateWrap table {
    margin-top: 5px;
}

/* .table_separateNote */
.sp_table_separateNoteWrap .note {
    margin-top: 5px;
    margin-bottom: 20px;
}

.sp_table_separateNoteWrap .note:last-child {
    margin-bottom: 0;
}

/* .table_ttl_separate */
.sp_table_ttlWrap .ttl {
    background: #eeeeee;
    text-align: center;
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin-top: 10px;
    font-weight: bold;
}

.sp_table_ttlWrap .stWrap {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-top: none;
    padding: 10px;
}

.sp_table_ttlWrap .stWrap {
    line-height: 1.5;
}

/* .table_ac */
.sp_table_acWrap .accordion {
    border: 1px solid #555;
    border-bottom: none;
}

.sp_table_acWrap .accordion .acBox {
    display: none;
}

.sp_table_acWrap .accordion .ttl {
    padding: 10px;
    background: #d9d9d9;
    font-weight: bold;
    position: relative;
}

.sp_table_acWrap .accordion .ttl:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 13px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.sp_table_acWrap .accordion .ttl.open {
    border-bottom: none;
}

.sp_table_acWrap .accordion .ttl.open:before {
    top: 18px;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.sp_table_acWrap .accordion .ttl:nth-child(n+1) {
    border-top: none;
}

.sp_table_acWrap .accordion .acBox ul li {
    display: inline-block;
}

@media screen and (max-width: 768px) {
    /* 共通 */
    .pc_tableWrap {
        display: none;
    }

    .sp_tableWrap {
        display: block;
    }

    .pc_only {
        display: none;
    }
}

/*--------------------------------------------------*/
/* Contents */
/*--------------------------------------------------*/

/* Contents */
.contents {
    width: 100%;
    max-width: 1450px;
}

#infoCon .box_in {
    margin: 0;
}

/* .tabNav */
.tabNav {
    margin: 30px 0 20px 0;
    font-weight: bold;
    background: url(/support/images/nav_tab_bg.gif) repeat-x left bottom;
    padding-bottom: 0;
    height: 40px;
}

.tabNav li,
.tabNav li.current {
    margin-left: 10px;
}

.tabNav .firstChild {
    margin-left: 22px !important;
}

.tabNav li {
    display: inline;
    float: left;
}

.tabNav li.current {
    width: 148px;
    height: 40px;
    text-align: center;
    line-height: 39px;
}

.tabNav li a {
    display: block;
    width: 148px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 39px;
    background: url(/support/images/nav_tab.gif) no-repeat right 0;

}

.tabNav li.current a {
    background-position: left top;
    color: #333;
}

.tabNav li a:hover,
.tabNav li a:visited {
    color: #fff;
    text-decoration: none;
}

.tabNav li.current a:hover,
.tabNav li.current a:visited {
    color: #333;
}

.itemTable {
    display: none;
}

.kisyuTable td a.note:link {
    color: #000099;
}

.kisyuTable td a.note:visited {
    color: #660099;
}

.kisyuTable td a.note:hover {
    color: #FF6633;
    text-decoration: none;
}

.kisyuTable td a.note:active {
    color: #FF6633;
}


@media screen and (max-width: 768px) {
    #infoCon .box_in {
        margin: 0 15px;
    }

    /* .tabNav */
    .tabArea {
        border-bottom: 1px solid #999;
        padding: 10px 15px 0;
        margin-bottom: 15px;
    }

    .tabNav {
        background: none;
        margin: 0;
        padding-top: 15px;
        display: table;
        position: relative;
        top: 1px;
        width: 100%;
        height: auto;
    }

    .tabNav li {
        width: 50%;
        height: auto;
        float: none;
        display: table-cell;
        vertical-align: middle;
    }

    .tabNav li.current {
        width: 50%;
        height: auto;
    }

    .tabNav li, .tabNav li.current {
        margin-left: 0;
        line-height: inherit;
    }

    .tabNav .firstChild {
        margin-left: 0 !important;
    }

    .tabNav li a {
        width: 100%;
        height: auto;
        display: block;
        background: #ccc none repeat scroll 0 0;
        border: 1px solid #999;
        border-bottom: none;
        border-radius: 5px 5px 0 0;
        color: #666;
        font-weight: bold;
        padding: 10px;
        text-align: center;
        box-sizing: border-box;
        line-height: inherit;
        font-size: 1.6rem;
    }

    .tabNav li.current a {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;
        border-bottom: medium none;
        border-top: 3px solid #d0000c;
        text-shadow: 1px 1px 1px #fff;
        padding-top: 8px;
    }

    .tabNav li a:hover, .tabNav li a:visited {
        color: #666;
    }

    .tabNav li.current a:hover, .tabNav li.current a:visited {
        color: #d0000c;
    }
}

/* .pc_tableWrap */
.pc_tableWrap .serviceTable th.line {
    width: 145px;
}

.pc_tableWrap .serviceTable th.kisyu {
    width: 65px;
}

.pc_tableWrap .serviceTable th.sv {
    font-size: 1.4rem;
    width: 140px;
}

.pc_tableWrap .serviceTable th .anchor {
    display: block;
    color: #19499d;
    text-decoration: underline;
    margin-top: 2px;
}

.pc_tableWrap .serviceTable td.id,
.pc_tableWrap .serviceTable td.kisyu {
    background: #efefef;
    font-weight: bold;
}

.pc_tableWrap .serviceTable td.kisyu {
    padding: 15px 10px;
}

.pc_tableWrap .serviceTable td .kisyuNo {
    display: block;
}

.pc_tableWrap .serviceTable td a.note {
    margin-left: 5px;
}

/* .sp_tableWrap */
.sp_tableWrap .acBox th {
    width: 45%;
    font-size: 1.3rem;
    border-right: 1px solid #555;
}

.sp_tableWrap .acBox th.line {
    background: #FFFFFF;
    border-right: none;
}

.sp_tableWrap .acBox th a.anchor {
    pointer-events: none;
    color: #000;
    margin-left: 0.25em;
}

.sp_tableWrap .acBox td {
    text-align: center;
    font-size: 1.3rem;
}

.sp_tableWrap .acBox td.kisyu {
    background: #FFFFFF;
    font-weight: bold;
}

.sp_tableWrap .acBox td .kisyuNo {
    margin-right: 10px;
    word-break: break-all;
}

.sp_tableWrap .acBox td .kisyuNo:last-child {
    margin-right: 0;
}

.sp_tableWrap .acBox td a.note {
    margin-left: 5px;
    text-decoration: underline;
}

.sp_tableWrap .acBox td .noteTxt {
    text-align: left;
    margin-top: 5px;
}

/* .cmt */
.cmt #noteList li {
    display: table;
    margin-bottom: 10px;
}

.cmt #noteList .no {
    width: 3em;
    display: table-cell;
    color: #06F;
}

.cmt #noteList .mark {
    width: 1.5em;
    display: table-cell;
}

.cmt #noteList .msg {
    display: table-cell;
}


@media screen and (max-width: 768px) {
    .cmt #noteList .no {
        width: 2.5em;
    }
}