main .main { width: 100%; }
main .aside { width: 324px; max-width: 324px;}
@media (max-width: 992px) {
    main .aside { width: initial; max-width: fit-content; }
}



@media (max-width: 767px) { /** MOBILE */
    header .navigation { margin-bottom: 0 !important; }
    main .container-xl { padding: 0; margin: 0; }
    main .content { border-radius: 0 !important; padding: 1rem;  margin-top: 0; margin-bottom: 0; }
    main .aside { max-width: 100%; width: 100%; }
    main .item .title { font-size :1rem !important; font-weight: normal !important; }
    .navbar-nav .dropdown-menu { position: relative !important; background: transparent !important; transform: initial !important; }
}



article { }
article .info {  }
article .info a:hover { text-decoration: none;}
article .title a:hover { text-decoration: none; }
article .contents { font-size: 1.00rem; text-align: justify; color: #555; }
article .contents h2::before {
    content: "H2";
    margin-right: 0.5rem;
    font-size: 80%;
    opacity: 0.7;
}
article .contents h2 { font-size: 1.4rem; font-weight: bold; margin-bottom: 0.75rem; }
article .contents h3 { font-size: 1.2rem; font-weight: bold; margin-bottom: 0.5rem; }
article .contents h3::before {
    content: "H3";
    margin-right: 0.5rem;
    font-size: 80%;
    opacity: 0.7;
}
article .contents h4 { font-size: 1.1rem; font-weight: bold; margin-bottom: 0.5rem; }
article .contents h4::before {
    content: "H4";
    margin-right: 0.5rem;
    font-size: 80%;
    opacity: 0.7;
}
article .contents p { margin: 5px 0; padding: 0; }
article .contents a { text-decoration: none; }
article .contents img { max-width: 100%; height: auto !important; }



section .title-wrapper { margin: 0; padding: 0; }
section .title-wrapper .desc { color: #999; }



.tag-cloud { }
.tag-cloud .tag-cloud-item { display: inline-block; margin: 3px 0; padding: 0; }
.tag-cloud .tag-cloud-item a { display: inline-block; padding: 5px 10px; }
.tag-cloud .tag-cloud-item a { color: #fff; }
.tag-cloud .tag-cloud-item a:hover { color: #fff; }
.tag-cloud .tag-cloud-bg-1 { background: #E0215A; }
.tag-cloud .tag-cloud-bg-2 { background: #393939; }
.tag-cloud .tag-cloud-bg-3 { background: #4082F1; }
.tag-cloud .tag-cloud-bg-4 { background: #BD081C; }
.tag-cloud .tag-cloud-bg-5 { background: #1DA1F2; }
.tag-cloud .tag-cloud-bg-6 { background: #00C300; }
.tag-cloud .tag-cloud-bg-7 { background: #DB4437; }
.tag-cloud .tag-cloud-bg-8 { background: #3B5998; }
.tag-cloud .tag-cloud-bg-9 { background: #400191; }
.tag-cloud .tag-cloud-bg-10 { background: #333333; }

footer { margin-top: 15px; color: #fff; background: #111; border-top: 1px solid #000; border-bottom: 1px solid #000; }
footer .at-map { background-color: #222; }
footer .at-map ul { list-style: none; padding: 0px; margin: 0px; }
footer .at-map ul li { display: inline-block; text-align: center; margin-right: -6px; font-size: 0.7rem; border-left: 1px solid #000; border-right: 1px solid #000; background: #2d2d2d; color: #999;}
/* footer .at-map ul li:first-child { border-left: 1px solid #000; }
footer .at-map ul li:last-child { border-left: 1px solid #000; } */
footer .at-map ul li a { display: block; color: #999; line-height: 39px; padding: 0px 15px; }
footer .information { background: #000; }
footer .information .risk-warning { line-height: 1.1rem; background: #242323; color: #999; border: 1px dashed #2F2F2F; }


.featured-image { 
    aspect-ratio: 1.5/1;
    object-fit: cover;
}