@charset "Shift_JIS";
/* easyゲーム　共通 */
h1 { padding-top: 44.4%; }
h2 { margin-top: 50px; }
p { line-height: 150%; }

.top-title { display: grid; grid-template-columns: 1fr 350px; }
.top-title-button { text-align: center; }

.main-content { padding: 10px; }

.top-menu { display: flex; justify-content: space-around; margin: 5px 0px; }

.start { cursor: pointer; width: 200px; height: 200px; }
.start:hover { position: relative; top: 2px; left: 2px; }
.start-bottom { text-align: center; margin: 100px auto 0px; }

.content-text { margin: 5px 0px 0px 1em; }

.explain { display: grid; grid-template-columns: min-content 1fr; column-gap: 10px; }
.explain p { text-indent: 0em; }
.explain-text { margin: auto 0px; }

.screenshot { text-align: right; font-size: 0.75rem; }

.back-link { margin: 100px 20px 0px; }
.back-link span:after { content: "\A｜\A"; }
.back-link span:last-child:after { content: none; }

.CR { border-top: #000000 dotted 1px; padding: 3px; margin: 3px; }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) {
    h1 { background-size: contain; }
    img { box-sizing: border-box; max-width: 100%; height: auto; }
    
    .mobile .main-box { margin: 0px 10px; }
    
    .top-title { grid-template-columns: 1fr; }
    .top-menu { flex-wrap: wrap; }
    
    .content-text { margin: 5px 5px 0px; }
    
    .explain { grid-template-columns: 1fr; }
    .explain-text { margin-left: 10px; }
}
/* ---------------------------------------------------------------------------------------------------- */