@charset "utf-8";

/**********************
header
**********************/
header {
    top:0;
    width:100%;
    background-color:rgb(0, 100, 210);
    z-index:1;
}
.grid-md-20 {
    display:inline-block;
    width:20%;
    height:80px;
    position:relative;
    vertical-align:middle;
}
.grid-md-60 {
    display:inline-block;
    width:60%;
    height:80px;
    position:relative;
    vertical-align:middle;
}

.grid-inner {
    position:absolute;
    top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.top-manual-info {
/*    border:1px solid #ffffff;
    color:#ffffff;
    border-radius: 0.5em; */
    line-height:2.2em;
    width:100%;
    text-align:center;
}
/* トップページのタイトル（.pagetop-OMTitle）と文字サイズを合わせる */
.top-manual-info div {
    margin:0.5em;
    font-size:24px;
    color:#ffffff;
    font-weight:bold;
    overflow:hidden;
    text-overflow:ellipsis;
}
.top-search div {
    width:100%;
    height:40px;
    padding-right:1em;
    white-space:nowrap;
    text-align:left;
}
 .top-search input {

    width: 80%;
    height: 28px;
    box-sizing: border-box;
    border: solid 1px rgb(255,255,255);


}
.menu-icon {
    display:block;
    font-size:1.6em;
    color:rgb(255,255,255);
    margin:4px 8px 0 8px;
    cursor:pointer;
}

.menu-icon > img {
    width:24px;
}

/**********************
search
**********************/
/*
.search-box {
    padding:1em;
}
*/

.top-search .search-box {
    margin-top: 0px;
    margin-left: 14px;
    padding-right:50px;
/*
    height: 28px;
*/
    position: relative;
}




.searchClick {
    font-size:1.2em;
/*
    margin:0 0 0 0.5em;
*/
    cursor:pointer;
    color:rgb(255,255,255);


width: 24px;
height: 24px;


 }
.search-box-open {
    display:none;
}
.search-box-close {
    display:none;
 }

/**********************
menu
**********************/

#menu {
    font-size:0.95em;
}

#menu a {
    display:block;
    text-decoration: none;
    position:relative;
}

#menu a.has-child:after {
    position:absolute;
    right:1em;
    width:1em;
    height:1em;
    top:50%;
    margin-top:-0.5em;

    background-image: url("../image/chevron-right.svg");
    content: "";
    display: inline-block;

}


#menu a.has-child.close:after {
    background-image: url("../image/chevron-right.svg");
}

#menu a.has-child.open:after {
    background-image: url("../image/chevron-down.svg");
}

#menu a.has-child.close.selected:after {
    background-image: url("../image/chevron-right_white.svg");
}

#menu a.has-child.open.selected:after {
    background-image: url("../image/chevron-down_white.svg");
    content: "";
    display: inline-block;
}

/* Chapter */
#menu li a {
    /*
    padding:1em 1em 1em 0;*/
    border-bottom:1px solid rgb(189,189,189);
    /* パディングはliの階層だけ深くする必要があるか */
    padding:1em 3em 1em 1em;
}

.menuChapStyle {
    padding: 0 3em 0 1.5em;
    list-style-type: decimal;
}

/* Sect1 */
#menu li > ul > li a {
    display:block;
    border-bottom:1px solid rgb(189,189,189);
    /* パディングはliの階層だけ深くする必要があるか */
    padding:1em 3em 1em 3em;
}

/* Sect2 */
#menu li > ul > li > ul > li > a {
    display:block;
    border-bottom:1px solid rgb(189,189,189);
    padding:1em 3em 1em 4em;
}

/*
#menu li > ul > li > ul > li > ul > li > a {
    display:block;
    border-bottom:1px solid #BDBDBD;
    padding:1em 3em 1em 4em;
}*/

/*
#menu li > ul > li > ul > li > ul > li > ul > li > a {
    display:block;
    border-bottom:1px solid #BDBDBD;
    padding:1em 3em 1em 5em;
}*/

#menu li a:hover {
    background-color:rgb(99, 154, 206);
    color:rgb(255,255,255);
}
.child-list {
    display:none;
}

#menu a.selected {
    background-color:rgb(99, 154, 206);
    color:rgb(255,255,255);
}

/**********************
bread clumb
**********************/
.bread-clumb {
    color:rgb(255,255,255);
    padding-top:0.6em;
    padding-bottom:0.4em;
    padding-left:0.5em;
    padding-right:0.5em;
    background-color:rgb(99, 154, 206);
    font-size:17px;
    vertical-align: middle;
}
.bread-clumb a {
    font-size:17px;
}

.bread-clumb-item,
.bread-clumb-item:visited {
    text-decoration:none;
    color:rgb(255,255,255);
    cursor:pointer;
}

.bread-clumb-item:hover {
    text-decoration:underline;
    color:rgb(189,189,189);
    cursor:pointer;
}


.bread-clumb .homeicon{
    width:30px;
    height:30px;
}

.home-icon-wrapper {
    display:inline-block;
    vertical-align:middle;
}



/**********************
main contents
**********************/
.content {
    height:100%;
    width:100%;
    position:absolute;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}

#contents-box {
    float:left;
    min-width: 100%;
}

.topic-contents {
    padding:1em;
}
a {
    text-decoration:none;
}

.copyrighttext{
    margin-bottom:1.6em;

}

.licenseGuideSummary{
    
}

.licenseGuideTitle{
    margin-bottom:1.6em;
}


.plicon{
    width:28px;
}


/**********************
top page
**********************/
.top-page {
    text-align:center;
}


/**********************
main page
**********************/
.main-page .chaptertitle {
    margin:0.5em 0 0.5em 0;
    padding: 0.25em 0.5em;
    background: transparent;
    border-left: solid 5px rgb(99, 154, 206);
    border-bottom: solid 1px rgb(99, 154, 206);
}

.main-page .chaptertitle > span {
    font-size:1.6em;
    line-height:1.3em;
    font-weight: bold;
}

.main-page h1 {
    font-size:1.5em;
    color: rgb(255, 255, 255);
    margin:0.5em 0 0.5em 0;
    padding: 0.25em 0.5em;
    background-color: rgb(99, 154, 206);
    line-height:1.1em;
}
.main-page h2 {
    font-size:1.4em;
    margin:0.5em 0 0.5em 0;
    padding: 0.25em 0.5em;
    background: transparent;
    border-left: solid 8px rgb(99, 154, 206);
    line-height:1.1em;
}
.main-page h3 {
    font-size:1.3em;
    margin:0.5em 0 0.5em 0;
    padding: 0.25em 0;
    background: transparent;
    line-height:1.1em;
}
.main-page .summary {
    margin:0.5em 0 0.5em 0;
    border: solid 2px rgb(189,189,189);
    padding: 0.5em;
    border-radius: 0.5em;
}

/**********************
itemizedlist
**********************/
.main-page .itemizedlist {
    margin:0 0 0 1em;
}
.main-page .itemizedlist li {
    list-style:disc;
}
/**********************
unorderedlist
**********************/
.main-page .unorderedlist {
    margin:0 0 0em 2em;
}
.main-page .unorderedlist > li {
    list-style:disc;
    margin:0 0 1em 0;
}
li > .listtitle{
    font-weight: bold;
}
/**********************
orderedlist
(arabic|upperalpha|loweralpha|upperroman|lowerroman)
**********************/
.main-page .orderedlist {
    margin:0 0 0 1em;
}
.main-page .orderedlist.arabic li {
    list-style:decimal;
}
.main-page .orderedlist.upperalpha li {
    list-style:upper-alpha;
}
.main-page .orderedlist.loweralpha li {
    list-style:lower-alpha;
}
.main-page .orderedlist.upperroman li {
    list-style:upper-roman;
}
.main-page .orderedlist.lowerroman li {
    list-style:lower-roman;
}

/**********************
variablelist
**********************/
.main-page .variablelist dt {
    font-weight:bold;
}

/**********************
procedure
**********************/
.main-page .procedure {
    counter-reset:number;
    margin-bottom:2.4em;
}
.main-page .procedure li {
    margin-top:2.4em;
}
.main-page .procedure li:before {
    padding:0.2em 0.5em 0.2em 0.5em;
    margin:0 0.5em 0 0;
    border-radius:0.5em;
    border:solid 1px rgb(189,189,189);
    counter-increment: number;
    content: counter(number);
    font-size:2em;
    vertical-align:top;
}

/**********************
table
**********************/
.main-page table {
    border: 1px solid rgb(189,189,189);
    border-collapse: collapse;
    border-spacing: 0;
}
.main-page table th {
}
.main-page table td,
.main-page table th {
    border: 1px solid rgb(189,189,189);
    padding:0.5em 0.5em;
}
.table-wrapper {
    overflow-x:auto;
}

/**********************
containd topics
**********************/
.containd-topics {
    position: relative;
    border:1px solid rgb(153, 204, 255);
    line-height: 1.4;
    padding: 0.25em 0.5em;
    margin: 2.5em 0 0.5em;
}
.containd-topics:after {
    font-size:0.8em;
    position: absolute;
    content: 'Contains Topics';
    background-color:rgb(99, 154, 206);
    color: rgb(255,255,255);
    left: 0px;
    bottom: 100%;
    /*border-radius: 5px 5px 0 0;*/
    padding:0.5em;
    line-height: 1;
}
.containd-topics ul {
    margin-left:2em;
}
.containd-topics li {
    list-style:disc;
}


/**********************
mobile
**********************/
@media (max-width: 768px) {
.sp-display-hidden {
    display:none;
}
.top-search div {
    text-align:right;
        height:auto;
}
    .top-logo {
        margin-left:1em;
    }
    .top-logo img {
        display:none;
    }
    .top-manual-info {
        line-height:1.2em;
    }
    .top-manual-info-name {
        word-wrap: break-word;
    }
    .top-manual-info div {
        font-size:18px;
    }
    .top-search .search-box {
        display:none;
        padding:60px 8px 20px 8px;
        margin-left:0;
        width:100%;
        position:fixed;
        top:0;
        left:0;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        text-align:center;
        z-index:2;
        background:rgba(0, 100, 210,0.98);
     }
     .top-search .search-box.active {
        display:block;
     }
     .top-search .search-box-close {
        font-size:1.2em;
        display:block;
        color:rgb(0,0,0);
        position:absolute;
        top:5px;
        left:5px;
        cursor:pointer;

        width:14px;
        height:14px;

    }


    .top-search input {
        height:auto;
    }

     .top-search .search-run {
        color:rgb(0,0,0);
        font-size:1.2em;
     }
    .top-search .search-box input {
        font-size:1.2em;
        padding:0 0.2em 0 0.2em;
        width:90%;
        height:28px;

/*
        border-radius:0.5em;
        border:1px solid rgb(0,0,0);
*/
    }
    .top-search .search-box-open {
        display:block;
        position:absolute;
        top:50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .top-search  .search-box-open img {
        width: 24px;
        height: 24px;
        cursor:pointer;
    }
}




.top-search .searchIconWrapper {
    vertical-align: top;
    width: 28px;
    height: 28px;
    display: inline-block;
    box-sizing: border-box;
    background-color: rgb(255,255,255);
    cursor: pointer;
    color: rgb(0, 0, 0);
    padding: 2px 0 0 0;
}


.top-search .searchIconWrapper img {
    width: 24px;
    height: 24px;
}

.highlight {
    background-color:yellow;
    font-size:inherit;
}