/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=530c278f710f8416a845)
 * Config saved to config.json and https://gist.github.com/530c278f710f8416a845
 */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*
 *  bootstrap3からの変更点：
 *   1) スマホ用に560pxのbreakpointを追加
 *      560px以下を-tn-で修飾、-xs-は561px以上に限定
 *      それ以外は、標準と同じ
 *   2) gridの間隔を30pxから20pxに変更
 *
 *   このファイルは差分だけを含むので、bootstrap.cssの後にincludeする事！
 */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 560px) {
  .container {
    width: 548px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

/* 追加したサイズ：ベースは-xs-で書くようにすることで、標準と合わせる */
@media (max-width: 559px) {
	.row {
	  margin-left: -6px;
	  margin-right: -6px;
	}

	.col-tn-1,
	.col-tn-2,
	.col-tn-3,
	.col-tn-4,
	.col-tn-5,
	.col-tn-6,
	.col-tn-7,
	.col-tn-8,
	.col-tn-9,
	.col-tn-10,
	.col-tn-11,
	.col-tn-12{
	  position: relative;
	  min-height: 1px;
	  padding-left: 6px;
	  padding-right: 6px;
	}

	.col-tn-1, .col-tn-2, .col-tn-3, .col-tn-4, .col-tn-5, .col-tn-6, .col-tn-7, .col-tn-8, .col-tn-9, .col-tn-10, .col-tn-11, .col-tn-12 {
	  float: left;
	}
	.col-tn-12 {
	  width: 100%;
	}
	.col-tn-11 {
	  width: 91.66666667%;
	}
	.col-tn-10 {
	  width: 83.33333333%;
	}
	.col-tn-9 {
	  width: 75%;
	}
	.col-tn-8 {
	  width: 66.66666667%;
	}
	.col-tn-7 {
	  width: 58.33333333%;
	}
	.col-tn-6 {
	  width: 50%;
	}
	.col-tn-5 {
	  width: 41.66666667%;
	}
	.col-tn-4 {
	  width: 33.33333333%;
	}
	.col-tn-3 {
	  width: 25%;
	}
	.col-tn-2 {
	  width: 16.66666667%;
	}
	.col-tn-1 {
	  width: 8.33333333%;
	}
	.col-tn-pull-12 {
	  right: 100%;
	}
	.col-tn-pull-11 {
	  right: 91.66666667%;
	}
	.col-tn-pull-10 {
	  right: 83.33333333%;
	}
	.col-tn-pull-9 {
	  right: 75%;
	}
	.col-tn-pull-8 {
	  right: 66.66666667%;
	}
	.col-tn-pull-7 {
	  right: 58.33333333%;
	}
	.col-tn-pull-6 {
	  right: 50%;
	}
	.col-tn-pull-5 {
	  right: 41.66666667%;
	}
	.col-tn-pull-4 {
	  right: 33.33333333%;
	}
	.col-tn-pull-3 {
	  right: 25%;
	}
	.col-tn-pull-2 {
	  right: 16.66666667%;
	}
	.col-tn-pull-1 {
	  right: 8.33333333%;
	}
	.col-tn-pull-0 {
	  right: auto;
	}
	.col-tn-push-12 {
	  left: 100%;
	}
	.col-tn-push-11 {
	  left: 91.66666667%;
	}
	.col-tn-push-10 {
	  left: 83.33333333%;
	}
	.col-tn-push-9 {
	  left: 75%;
	}
	.col-tn-push-8 {
	  left: 66.66666667%;
	}
	.col-tn-push-7 {
	  left: 58.33333333%;
	}
	.col-tn-push-6 {
	  left: 50%;
	}
	.col-tn-push-5 {
	  left: 41.66666667%;
	}
	.col-tn-push-4 {
	  left: 33.33333333%;
	}
	.col-tn-push-3 {
	  left: 25%;
	}
	.col-tn-push-2 {
	  left: 16.66666667%;
	}
	.col-tn-push-1 {
	  left: 8.33333333%;
	}
	.col-tn-push-0 {
	  left: auto;
	}
	.col-tn-offset-12 {
	  margin-left: 100%;
	}
	.col-tn-offset-11 {
	  margin-left: 91.66666667%;
	}
	.col-tn-offset-10 {
	  margin-left: 83.33333333%;
	}
	.col-tn-offset-9 {
	  margin-left: 75%;
	}
	.col-tn-offset-8 {
	  margin-left: 66.66666667%;
	}
	.col-tn-offset-7 {
	  margin-left: 58.33333333%;
	}
	.col-tn-offset-6 {
	  margin-left: 50%;
	}
	.col-tn-offset-5 {
	  margin-left: 41.66666667%;
	}
	.col-tn-offset-4 {
	  margin-left: 33.33333333%;
	}
	.col-tn-offset-3 {
	  margin-left: 25%;
	}
	.col-tn-offset-2 {
	  margin-left: 16.66666667%;
	}
	.col-tn-offset-1 {
	  margin-left: 8.33333333%;
	}
	.col-tn-offset-0 {
	  margin-left: 0%;
	}
}
.visible-tn,
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-tn-block,
.visible-tn-inline,
.visible-tn-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 559px) {
  .visible-tn {
    display: block !important;
  }
  table.visible-tn {
    display: table !important;
  }
  tr.visible-tn {
    display: table-row !important;
  }
  th.visible-tn,
  td.visible-tn {
    display: table-cell !important;
  }
}
@media (max-width: 559px) {
  .visible-tn-block {
    display: block !important;
  }
}
@media (max-width: 559px) {
  .visible-tn-inline {
    display: inline !important;
  }
}
@media (max-width: 559px) {
  .visible-tn-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 560px) and (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 560px) and (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (min-width: 560px) and (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (min-width: 560px) and (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
	.visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 559px) {
  .hidden-tn {
    display: none !important;
  }
}
@media (min-width: 560px) and (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}