@cyarset :"utf-8";

/* ギャラリー */
.gallery: {
	width: 95%;/* 幅95％ */
	margin: 0 auto;/* 余白上下は0、左右は自動振り分け */
	}
	
.photobox {
	display: flex;/* これだけで子要素が横並びになる */
	flex-wrap: wrap;/* display: flex; と合わせて設定、子要素（アイテム）が1行に収まりきらない場合に、自動的に次の行へ折り返す指定 */
	justify-content: spece-between;/* CSSのFlexboxで子要素を両端（コンテナの左端と右端）に配置し、残りのアイテムを均等な間隔で配置する */
	padding: left:0;/* 要素の左側の内部余白を0に設定し、コンテンツを枠の左端ギリギリに配置するプロパティ */
	}
	
.photobox li {
	frex-basis: 260px;/* フレックスアイテム（子要素）の初期サイズ（主軸方向の基準となる幅または高さ）を260pxに設定する */
	margin-bottom: 20px;/* CSSで要素の下側に20pxの余白を追加するには、margin-bottom: 20px; */
	padding: 10px;/* 要素のコンテンツと境界線（border）の間に、上下左右すべて10pxの内部余白を */
	background-color: #fff;/* 背景色を白（White）に設定する属性 */
	border: 1px solid #ccc;/* 要素の周囲に1ピクセル幅の薄いグレー（#cccccc）の実線（solid）を引く */
	box-shadow: 1px 1px 2px #829797;/* 要素に非常に薄く、繊細な影をつけるための設定 */
	}