body {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
}

body *::selection {
    background: #e74c3c;
    color: #fff;
}

.container {
    max-width: 980px;
}

.top-strip {
    background-color: #518000;
    height: 0.25em;
    width: 100%;
}

h1, h2, h3 {
    /* font-weight: 300; */
}

h1 {
    margin: 0 0 10px;
    font-size: 30px;
    line-height: 35px;
}

h2 {
    margin: 0 0 10px;
    font-size: 25px;
    line-height: 30px;
}

h3 {
    margin: 0;
    font-size: 20px;
    line-height: 25px;
}

.page-header {
    margin-top: 20px;
}

#venue-title.page-header {
    border-bottom: none;
}

p.authors {
    margin-bottom: 5px;
    color: #808080;
    font-size: 20px;
}

p.authors a {
    border-color: #dedede;
}

img {
    max-width: 100%;
}

p {
    text-align: justify;
}

a {
    text-decoration: none;
    /* border-bottom: 1px solid #ccc; */
    color: #518000;
}

.venue-row a {
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    color: inherit;
}

p.lead.authors a {
    border-bottom: none;
}

a:hover, a:focus {
    color: inherit;
    text-decoration: none;
}

.thumb {
    margin: 20px 0;
    border: 1px solid #808080;
}

pre {
    color: #333;
    font-size: 12px;
    line-height: 17px;
}

footer {
    font-size: 13px;
}

.past {
    opacity: 0.5;
}

.venue-row {
    margin-bottom: 5px;
}

.venue-title {
    font-size: 20px;
    font-weight: 400;
}

.venue-place {
    font-size: 12px;
}

.deadline, .meta {
    font-size: 13px;
}

.award-info {
    margin-left: 20px;
}

.award-source {
    font-size: 10px;
    /* margin-bottom: 10px; */
}

.award-title {
    font-size: 14px;
    margin-top: 10px;
}

.paper-title {
    font-size: 14px;
}

.author-names {
    font-size: 12px;
}

.note {
    font-size: 13px;
    margin-bottom: 5px;
}

.venue-sub {
    color: #518000;
    background: rgba(236, 240, 241, 0.7);
    font-size: 13px;
    padding: 3px 5px;
    cursor: pointer;
    font-weight: 300;
    margin-right: 6px;
}

.venue-sub::selection {
    background: #518000;
}

.checkbox input[type="checkbox"]:checked:after {
    background-color: #518000;
    border-color: #518000;
}

.checkbox input[type="checkbox"]:after, .checkbox input[type="checkbox"]:focus:after {
    border-color: #518000;
}

@media only screen and (max-width: 450px) {
    .venue-place {
        display: none;
    }

    .venue-date {
        display: none;
    }

    .note {
        display: none;
    }

    .venue-row {
        margin-bottom: 7px;
    }
}

.checkbox {
    font-size: 12px;
}

.ind-cal {
    margin: 0 5px;
}

/* .row{
    overflow: hidden; 
}

[class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
} */

.vertical-align {
    display: flex;
    align-items: center;
}


#myinner {
    width: 100%;
    overflow: auto;
    height: 100%;
    padding-right: 15px;
}

/* ---- EN / 日本語 switch (top-right of the header; real links, JS only remembers the choice) ---- */
.lang-switch {
    float: right;
    display: inline-flex;
    align-items: center;
    padding: 2px;
    margin: 4px 0 0 12px;
    border: 1px solid #dedede;
    border-radius: 999px;
    background: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.lang-switch a {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    color: #666;
    text-decoration: none;
    border-bottom: none;
}
.lang-switch a:hover { color: #222; }
.lang-switch a[aria-current="page"] {
    background: rgba(81, 128, 0, 0.12);
    color: #3f6300;
}
#venue-title .lang-switch { float: none; margin: 10px 0 0; }

.data-links a { white-space: nowrap; }