@charset "utf-8";
/* CSS Document */


.wrapper{
	width:auto;
	max-width:900px;
	margin: 0 auto;
	padding: 0;
	
    display: flex;
	
	 flex-direction: row;            /*横並び・左から右（デフォルト）*/
	 flex-wrap: wrap;         /*折り返し有り・複数行*/
	 flex-flow: row no-wrap; /*flex-direction + flex-wrapの記述が可能*/
     justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
	  align-items: center;     /*中央揃え*/
	   align-items: stretch;    /*全ての要素の高さを揃える*/
 
	align-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/

}



.element {
	width:49%;
	/*text-align: center;
	border: 1px solid #ccc;*/
	margin: 0px;
   /*  background-color: #eee;     背景色指定 */
    /* padding:  5px;             余白指定 */
}


/* スマートフォン */
@media screen and (max-width: 767px) {
	
.element {
	width:90%;
	/*text-align: center;
	border: 1px solid #ccc;*/
	margin: 5px;
    /* background-color: #eee;     背景色指定 */
    /*padding:  10px;              余白指定 */
}
	
	
	
}

/*flex*/



/*
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}





.box {
	width:150px;
	text-align: center;
	border: 1px solid #ccc;
	margin: auto;
    background-color: #eee;    
    padding:  10px;      
}
*/