@charset "UTF-8";
/* CSS Document */
/* --------
[コーディングルール]
基本classのみ使用し、idはアンカーやJSで使用

[パーツclass名]
div: .wrap, .inner, .group, .box,
float: .colset, .col1, .col2,

[プロパティ順]
width, height, margin, padding, position,  clear, overflow, 
color, font, text-decoration, text-align, vertical-align, white-space, letter-spacing, text, background
-------- */


/*共通common*/






/*
    spacer
*/
.spacer { margin-top: 8px; }
.spacer16 { margin-top: 16px; }
.spacer32 { margin-top: 32px; }
.spacer48 { margin-top: 48px; }
.spacer64 { margin-top: 64px; }
.spacer80 { margin-top: 80px; }
.spacer160 { margin-top: 160px; }


@media screen and (max-width: 768px) {
	/* 768px以下*/
	
.spacer { margin-top: 4px; }
.spacer16 { margin-top: 8px; }
.spacer32 { margin-top: 16px; }
.spacer48 { margin-top: 24px; }
.spacer64 { margin-top: 32px; }
.spacer80 { margin-top: 40px; }
.spacer160 { margin-top: 80px; }
	
	
}



/* .row の左右のネガティブマージンを0にする */
.row--nopadding {
  margin-left: 0;
  margin-right: 0;
}

/* .row--nopadding の中にあるカラムの左右のパディングを0にする */
.row--nopadding > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

/* 縦中央並び、1ピクセルのずれの補正のため、フォントサイズをリセット */

.row--v-middle {
  font-size: 0;
}

.row--v-middle > [class*="col-"] {
  float: none;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}