@charset "UTF-8";


.panelBox{
    display:inline-block;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    font-family: 'GracenotePhoto-Panel';
    src: url('./images/GracenotePhoto-Panel.woff2') format('woff2');
    font-size: 20px;
    text-align: center;
    align-content: center;
    margin-right: 3px;
    color:#fff !important;
    background-color: #666;
}

#photoPanel tr td{
    padding: 3px;
}

#photoPanel a:hover{
    background-color: #ccc !important;
    color: #333 !important;
}

/* ul */
.area_view .area_article .listA li,
.area_view .area_article .listB li,
.area_view .area_article .listC li{
    text-align: justify;
    color: #444;
    margin: 10px 0;
    font-size: 0.875rem;
    line-height: 25px;
}

.area_view .area_article .listA li *,
.area_view .area_article .listB li *,
.area_view .area_article .listC li *{
    font-size: 0.875rem !important;
}

.area_view .area_article > .listB li{
    list-style-type: square;
}

.area_view .area_article > .listB li::marker{
    color: #999;
}

.area_view .area_article > .listC > li:nth-child(even){
    list-style-type: none !important;
}

/* li */
.nonelist{
    list-style-type: none !important; 
    width: 100%;
    margin: 0 0 15px 0;
    background: #eee;
    padding: 5px;
}

/* a */

#article-view a.linkA{
    color: #333 !important;
}

.linkA:visited{
    color: rgb(200, 9, 76);
}

#article-view a.linkB{
    display: block;
    padding: 3px 5px;
    border-radius: 3px;
    margin-left: 5px;
    text-decoration: none;
    background: rgb(207, 218, 229);
    color: #333 !important;
}

#article-view a.linkC{
    font-size: 0.75rem;
    color: #444;
}

/* table style */
.tableStyle-1{
    width: 100%;
    border-top: solid thin #aaa;
    border-bottom: solid thin #aaa;
    margin: 15px 0;
}

.tableStyle-1 tbody tr *{
    align-content: first baseline;
}

.tableStyle-1 tr:first-child{
    border-bottom: solid thin #aaa;
}

.tableStyle-2{
    border-top: solid thin #666;
    border-bottom: solid thin #666;
    margin: 15px 0;
}

.article_view table.tableStyle-2 tbody tr th{
    display: inline-block;
    color: #333 !important;
    font-weight: normal !important;
}


/* span key */
.shortcut{
    width: 30%;
    padding: 3px 20px;
    border: solid thin #b4b4b4;
    border-radius: 3px;
    font-size: 0.75rem;
    font-weight: bold;
    color: #b4b4b4 !important;
}

.tip{ 
    width: 100%;
    font-size: 0.875rem;
    color:#b70000 !important;
    margin-top: 15px;
    border-bottom: dashed thin #b70000;
    padding: 2px 30px;
    align-content: center;
}

/* list-type-style */

.checkmark_list{
    list-style-type: none;
    padding-left: 10px;
}

.checkmark_list li::before{
    content: '✓';
    display: inline;
    color: rgb(181, 0, 0);
    font-size: 1rem;
    font-weight: bolder;
    margin-right: 7px;
}

.referencemark_list{
    list-style-type: none;
    padding-left: 10px;
}

.referencemark_list li{
    color: rgb(97, 0, 172);
}

.referencemark_list li::before{
    content: '※';
    display: inline;
    color: rgb(97, 0, 172);
    font-size: 1rem;
    font-weight: bolder;
    margin-right: 7px;
    border:dashed;
    justify-content: center;
}

/* hr */
hr.text-break{
    border: none;
    border-top: dashed thin #f2f3f5;
    height: thin;
    text-align: center;
}

/* footerlist */
ul.footermenu{
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

ul.footermenu li{
    width: auto;
    list-style-type: none;
}


ul.footermenu li a{
    text-decoration: none;
    color: #666;
    font-size: 0.875rem;
    padding: 0 20px;
    border-right: solid thin #ccc;
}

ul.footermenu li:last-child a{
    border-right: none;
}

ul.footermenu li:hover a{
    color: #b4bac0;
}

/* h2 */

h2.titleA,
h2.titleB,
h3.titleC{
    font-size: 1rem;
}

h2.titleA{
    width: 100%;
    height: 40px;
    background: #444;
    border: none;
    color: #fff;
    text-align: center;
    align-content: center;
}

h2.titleB{
    width: 100%;
    border-left: solid 5px #555;
    color: #555;
    height: auto;
    padding: 5px 0 5px 10px;
    margin: 20px 0;
}

h2.titleB-red{
    width: 100%;
    border-left: solid 5px #b70000;
    color: #b70000;
    height: auto;
    padding: 5px 0 5px 10px;
    margin: 20px 0;
}

h3.titleC{
    border-top: dashed thin #ddd;
    padding:10px 0;
}

h3.titleC-1{
    display: inline-block;
    border-bottom: dashed thin #aaa;
    padding: 5px 15px 5px 0 ;
    margin-bottom: 5px;
}

h3.titleC-2{
    display: inline-block;
    border-bottom: solid thin #aaa;
    padding: 5px 15px 3px 0 ;
    margin: 0 !important;
    font-size: 0.75rem !important;
    color: #555 !important;
}

h3.titleC-2:hover{
    color: #b70000;
}

h4{
    font-size: 0.875rem;
    margin: none;
}