@charset 'utf-8';



.loaderSymbol {
  position: fixed;
  top: 45%;
  left: 50%;
  width: 32px;
  height: 32px;
  background: url(../images/loaders.gif);
}

/*
Masonryグリッド基本設定
*/

.grid_container {
	margin: 30px 20px 45px 30px;
	padding: 0;
}

/*　1カラム（段・グリッド）の基本設定　*/

.grid_container .column {
  /* CSS3のbox-sizingを使用できない場合は、
  widthからpaddingとborderの値をマイナスして計算する */
  width: 350px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-color: #2F9DA0;
  overflow: hidden;

  /* Javascriptを無効にしていると、
  noscript.cssを読み込んでvisibleになります */
  visibility: hidden;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* 2カラム（段・グリッド）分の幅 */
.grid_container .column.w2 {
  /* CSS3のbox-sizingを使用できない場合は、
  上記カラム基本設定のpaddingとborderの値を、
  widthからマイナスして計算する */
  width: 700px;
}

.grid_container .column img {
  display: block;
  width: 100%;
  height: auto;
}
.grid_container .column .title {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.4;
  margin: 0.5em 0 0;
}


/*
sample3　フルードグリッド用追加設定
*/

#photoGalleryContainer .grid_sizer {
  /*　masonryへ指示する基本グリッド幅を%で指定するときは、
  CSSセレクタで指定する必要がある　*/
  width: 33%;
  margin: 0;
  padding: 0;
}
#photoGalleryContainer.fluid .column {
  width: 33%;
   margin: 0;
  padding: 0;
}
#photoGalleryContainer.fluid .column.w2 {
  width: 65.99%;
   margin: 0;
  padding: 0;
}