body {
	font-size: 14px;
}

a {
	color:var(--accent2);
}
a:hover {
	color:var(--accent2);
}

#main {
    width:650px;
    margin:60px auto;
    margin-top:130px;

    display:grid;
    grid-template-rows:72px auto 1fr;
    grid-template-columns:160px 1fr;
    min-height:500px;
}
#main > * {
    margin:2px;
}
#main-title {
    grid-row:1;
    grid-column:1/3;
   
}
#main-side {
    grid-row:2;
    grid-column:1;
    border:1px solid #000;
}
#main-body {
    grid-row:2;
    grid-column:2/3;
    border:1px solid #000;
    border-top:none;
}

.side-title {
    width:100%;
    text-align:center;
    background:lightgray;
}
.side-content {
    width:100%;
    border:1px solid #000;
    border-left:none;
    border-right:none;
    margin-bottom:4px;
}
.side-content img {
    width:100%;
}

.body-title {
    width:100%;
    text-align:center;
    background:lightgray;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
}

.body-content {
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    justify-content:center;
    padding-top:10px;
}
.body-content > * {
    width:160px;
    margin:10px 20px;
}
.body-content > * > img {
    width:100%;
}

.body-content-special {
    display:flex;
    align-items:flex-start;
    justify-content:center;
    text-align:center;
    flex-wrap: wrap;
    margin-bottom:10px;
}
.body-content-special > * {
    width:50%;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
}
.body-content-special a {
    text-decoration:none;
}

.body-content-sponsor {
    padding:4px;
}

#main-body2 {
    grid-row:3;
    grid-column:1/3;
}
.body2-title {
    width:100%;
    text-align:center;
    border:1px solid #000;
    background:lightgray;
}
.body2-content {
    display:flex;
    align-items:flex-start;
}
.body2-content-left {
    width:40%;
    border:1px solid #000;
    border-top:none;
    border-right:none;
    padding:4px;
}
.body2-content-right {
    width:61%;
    border:1px solid #000;
    border-top:none;
    padding:4px;
}
.body2-content-left a {
    text-decoration:none;
}

#enter-form {
    width:100%;
    text-align:center;
    margin:10px 0;
}
#in-nav1 {
    margin:10px;
    width:100%;
    text-align:center;
} #in-nav1 a {
    text-decoration:none;
}

#body2-footer {
    margin-top:20px;
}

#body2-title-mly {
    margin-top:10px;
}

.body2-ranking {
    display:grid;
    grid-template-rows:auto;
    grid-template-columns:100px 1fr 100px;
    text-align:center;
}
.body2-ranking-no {
    border:1px solid #000;
    border-top:none;
    border-right:none;
} .body2-ranking-text {
    border:1px solid #000;
    border-top:none;
    border-right:none;
} .body2-ranking-count {
    border:1px solid #000;
    border-top:none;
}

#misokin-timer {
    margin-top:60px;
    font-family:serif;
    font-weight:800;
}
#misokin-counter img {
    width:80px;
    margin:0;
}
.misokin-counter-str {
    font-size:30px;
    display:inline;
}

#body2-movie {
    display:flex;
    justify-content:center;
    align-items: center;
    border:1px solid #000;
    border-top:none;
    padding:10px 0;
} #body2-movie > * {
    margin:8px;
}

@media screen and (max-width: 550px) {
    #main {
        width:85%;
    }
}