@charset "Shift_JIS";
/* タピオカ草を育てる */
body { background-image: url("haikei.jpg"); }
h1 { background-image: url("top.png"); }
a { color: var(--color-gmeST); }
a:hover { font-weight: bold; }

.top-menu a , h2 span { padding: 0px 20px; }
.ico1 { background: url("icon1.png") no-repeat left , url("icon1.png") no-repeat right; }
.ico2 { background: url("icon2.png") no-repeat left , url("icon2.png") no-repeat right; }
.ico3 { background: url("icon3.png") no-repeat left , url("icon3.png") no-repeat right; }
.ico4 { background: url("icon4.png") no-repeat left , url("icon4.png") no-repeat right; }
.ico5 { background: url("icon5.png") no-repeat left , url("icon5.png") no-repeat right; }

.main-box { display: grid; grid-template-columns: 10px 1fr 10px; border-width: 0px; margin: 0px auto; }
.MB-center { background-color: #ffffff; }
.MB-left { background-image: url("line-l.png"); }
.MB-right { background-image: url("line-r.png"); }

.explain p { line-height: 300%; }


.game-support { border-color: var(--color-gmeST); }

.game-tip .codoc-support { border-color: var(--color-gmeST); }
.game-tip .codoc-support .codoc-btn { color: var(--color-gmeST) !important; border-color: var(--color-gmeST); }
.game-tip .codoc-support .codoc-btn:hover { color: #ffffff !important; background-color: var(--color-gmeST); }
.game-tip .codoc-copyright a:hover { font-weight: bold; }




/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) {
    .top-menu a , h2 span { padding: 0px 15px; }
    .top-menu a { margin: 10px 0px; }
}
/* ---------------------------------------------------------------------------------------------------- */