@charset  "UTF-8";

body {
    font-family: Helvetica Neue,Arial,Roboto,"Droid Sans","Noto Sans","ヒラギノ角ゴ ProN W6","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"游ゴシック",YuGothic,sans-serif;
    margin: 0;
    background-color:#D8F7CA;
}

/* header
 * ---------------------------------------------------------------------------------------- */
img.i_mini {
    display: none;
    width: 100%;
}
img.i_big {
    width: 100%;
}
@media (min-width: 600px) { /* ▼表示領域が600px以上の場合 */
   img.i_mini { display: none; }  /* miniを非表示 */
   img.i_big  { display: block; } /* bigを表示 */
}
@media (max-width: 599px) { /* ▼表示領域が600px未満の場合 */
   img.i_mini { display: block; } /* miniを表示 */
   img.i_big  { display: none; }  /* bigを非表示 */
}

main {
    display: flex;
    flex-wrap: wrap;
}
main video {
    padding: 4px 10px 10px 10px;
}
.game_info {
}
.game_info img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.mbox {
    max-width: 900px;
    justify-content: space-around;
    margin-right: auto;
    margin-left: auto;
}
@media (max-width: 760px) { /* ▼表示領域が760px未満の場合 */
    .mbox {
        display: block;
    }
    main video {
        display: block;
        margin-right: auto;
        margin-left: auto;        
    }
    main p {
        text-align: center;
    }
    main h1 {
        text-align: center;
    }
}
@media (max-width: 580px) { /* ▼表示領域が580px未満の場合 */
    main h1 br {
        display: none;
    }
    main h1 {
        margin: 0 10px;
    }
}

/* Footer
 * ---------------------------------------------------------------------------------------- */
footer {
    display: flex;
    flex-wrap: wrap;
/*    text-align: center;*/
    background-color: #222;
    padding: 20px 0;
    justify-content: space-around;
    margin-right: auto;
    margin-left: auto;
}
footer p {
    color: #FFF;
    margin: 8px 0;
}
@media (max-width: 760px) { /* ▼表示領域が760px未満の場合 */
    footer {
        display: block;
        text-align: center;
    }
    .corporate img {
        display: block;        
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
    }
    footer p {
        margin: 8px 0 20px 0;
    }
}