@charset "UTF-8";
.flex_test-box {
    display: flex;              /* フレックスボックスにする */
    flex-wrap: wrap;            /* 折り返し指定 */
    background-color: #eee;     /* 背景色指定 */
    padding:  10px;             /* 余白指定*/
}
 
.flex_test-item {
    padding: 10px;
    color:  #fff;               /* 文字色F */
    margin:  10px;              /* 外側の余白*/
    border-radius:  5px;        /* 角丸指定 */
    text-align:  left;        /* 文字ひだり揃え */
}
 
.flex_test-item:nth-child(1) {
    background-color:  #3F51B5; /* 山行情報 */
flex-basis:100%;
}
 
.flex_test-item:nth-child(2) {
    background-color:#000000; /* 画像 */
}

img {
max-width: 100%;
height: auto;
}
 
.flex_test-item:nth-child(3) {
    background-color: #3F51B5; /* 本文 */
}
 
.flex_test-item:nth-child(4) {
    background-color:#959595; /* 地図 */
}

img {
max-width: 100%;
height: auto;
}

.flex_test-item:nth-child(5) {
    background-color:  #3F51B5; /* 備考装備など */
}