@charset "UTF-8";

/* main
----------------------------------------------*/
.page{
    width: 100%;
    margin: 0 0 30px 0;
    padding: 30px 0 0 0;
    background: url(../img/cmn/bg_contents.png) repeat;
}

#container ul{
    text-align: left;
}

#container ul li{
    display: inline-block;
    border: 2px solid #007948;
    margin: 4px;
}


/* less than 768px
----------------------------------------------*/
@media screen and (max-width: 768px) {
    
#container ul li{
    width: 100%;
    margin: 0;
    border: 0;

}

#container ul li img{
    width: 100%;

}

#container ol{
    margin: 10px 0;
}

#container ol li{
    display: inline-block;
    margin: 0 10px;
}

#container ol li a{
    display: block;
    width: 14px;
    height: 14px;
    background: #333;
    text-indent: -9999px;
}

#container ol li a.flex-active{
    background: #F00;
}

}