@charset "Shift_JIS";
/* ひよこを守れ */
body { background-image: url("haikei.jpg"); }
h1 { background-image: url("top.png"); }
h2 { background-image: url("hl.png"); background-repeat: no-repeat; height: 27px; padding: 7px 0px 0px 30px; }
a { color: var(--color-gmeHM); border-bottom: 1px solid transparent; }
a:hover { border-color: var(--color-gmeHM); }

.main-box { display: grid; grid-template-columns: 21px 1fr 23px; grid-template-rows: 1fr 47px; border-width: 0px; margin: 0px auto; }
.MB-center { grid-row-start: 1; grid-row-end: 3; background-color: #ffffff; }
.MB-left { grid-row-start: 1; grid-row-end: 3;background-image: url("line-l.png"); }
.MB-righttop { background-image: url("line-r.png"); }
.MB-rightbottom { background-image: url("line-r2.png"); }

.top-menu a { border-width: 0px; }
.top-menu div { width: 72px; height: 49px; margin: 0px 20px; }
.TMsto { background-image: url("Tmenu-01off.png"); }
.TMsto:hover { background-image: url("Tmenu-01on.png"); }
.TMexp { background-image: url("Tmenu-02off.png"); }
.TMexp:hover { background-image: url("Tmenu-02on.png"); }
.TMscr { background-image: url("Tmenu-03off.png"); }
.TMscr:hover { background-image: url("Tmenu-03on.png"); }
.TMgam { background-image: url("Tmenu-04off.png"); }
.TMgam:hover { background-image: url("Tmenu-04on.png"); }
.TMtop { background-image: url("Tmenu-05off.png"); }
.TMtop:hover { background-image: url("Tmenu-05on.png"); }

.explain-comment { font-size: 0.75rem; margin-left: 2em; }


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

.game-tip .codoc-support { border-color: var(--color-gmeHM); }
.game-tip .codoc-support .codoc-btn { color: var(--color-gmeHM) !important; border-color: var(--color-gmeHM); }
.game-tip .codoc-support .codoc-btn:hover { color: #ffffff !important; background-color: var(--color-gmeHM); }