@charset "utf-8";

ol, li{
    margin:0;
    padding:0;
}

/*------------------------*/
/*  技術解説              */
/*------------------------*/
.content_article{
    background:#f2f2f2;    
    font-size:14px;
    padding:10px;
}
.content_article img{
    max-width:100%;
    height:auto;
}
.content_article h3,
.content_article h4,
.content_article h5,
.content_article h6{
    font-weight:bold;
}
.content_article h3,
.content_article h4{
    text-align:center;    
}
.content_article h3{
    margin-top:10px;
    font-size:1.8em;
}
.content_article h4{
    margin:30px 0 15px 0;
    font-size:1.4em;
}
.content_article h5{
    margin:20px 0 10px 0;
    font-size:1.125em;
}
.content_article h6{
    margin:20px 0 10px 0;
    font-size:0.9rem;
}
.content_article img{
    margin:10px 0;
}
.content_article p{
    line-height:1.5;
}
.content_article dl{
    margin-bottom:30px;
}

/*** AddDetail Header ***/
.addetail_header{
    width:100%;
    margin-bottom:10px;
    display:table;
}
.addetail_header span{
    display:table-cell;
}
.addetail_header .postdate_jp{
    font-size:0.8rem;
}
.addetail_header::after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    margin: 0;
    padding: 0;
}

/*** Article Search Result ***/
.searchresult_article{
    line-height: 1.5;
    margin-bottom: 20px;
    padding: 10px 15px 9px;
    background: #ECECEC;
    font-size: 1.175rem;
    background: rgba(0,104,183,1);
    color: rgba(255,255,255,1);
}

/*** Article Theme List(記事テーマリスト) ***/
.article_list_theme{
    margin-top:10px;
}
.article_list_theme dl{
    padding-bottom:10px;
    margin-bottom:5px;
}
.article_list_theme dt{
    font-weight:bold;
    font-size:0.9rem;
    padding:9px 0 9px 12px;
    background:rgba(204,204,204,1);
    color:rgba(0,104,183,1);
    text-decoration:underline;
}
.article_list_theme dd{
    line-height:1.4;
    font-size:0.825rem;
    padding:5px 5px 0 5px;
}
.author{
    width: 100%;
    text-align: right;
    padding: 12px 12px 9px 0;
    font-size: 0.95rem;
}

/*** Article List(記事リスト) ***/
.article_list_main{
    margin-top:10px;
}
.article_list_main dl,
.search_list_article dl{
    margin-bottom:20px;
}
.article_list_main dt,
.search_list_article dt{
    background:rgba(204,204,204,1);
    font-weight:bold;
    font-size:0.925rem;
    padding:12px 0 12px 7px;
}
.article_list_main dt a,
.search_list_article dt a{
    color:rgba(0,104,183,1);
    text-decoration:underline;
}
.article_list_main dd,
.search_list_article dd{
    line-height:1.4;
    font-size:0.9rem;
    padding:5px 0 0 12px;
}
.article_list_main span.postdate,
.search_list_article span.postdate,
.article_list_theme span.postdate {
    display:block;
    padding:5px 0;
    font-size:0.8rem;
    color:#808080;
}
.article_list_main ol{
    margin:0;
    padding:0;
    padding-left:20px;
}
.article_list_main ol li{
    list-style:decimal;
    color:rgba(0,104,183,1);
    margin-top:10px;
}

/*** next link ***/
.nextlink{
    margin:30px 0; 
    text-align:center;
}
.nextlink a{
    display:inline-block;
    padding:10px 15px;
    background:rgba(0,104,183,1);
    color:#FFF;
    font-size:0.85rem;
}
.nextlink a:before{
    content:"next>>　";
}

/*** pager ***/
.article_pager{
    margin:30px 0; 
}
.article_pager ul{
    margin:0 auto;
    display:table;
    border-collapse:separate;
    border-spacing: 8px 0;
}
.article_pager li{
    display:table-cell;
}
.article_pager li a{
    display:block;
    border:1px solid #999;
    padding:5px 10px;
}
.article_pager li.current a{
    background:#999;
    color:#FFF;
    pointer-events:none;
}

/*** ArticleDetail RelatedCategory ***/
.related_category_for_article {
    margin: 10px 5px;
    font-size: 0.75rem;
}
.related_category_for_article span {
    display: block;
    color: rgb(51,51,51);
    font-size: 0.9rem;
    font-weight: bold;
    margin-bottom: 5px;
}
.related_category_for_article ul {
    padding-left: 1rem;
}
.related_category_for_article ul li:not(:last-child) {
    margin-bottom: 5px;
}
.related_category_for_article ul li a {
    text-decoration: underline;
    color: #003366;
}