@charset "UTF-8";
/*
Theme Name: Framework
Theme URI: 
Description: Bootstrapを用いたワイヤテーマ 
Version: 1.0.0
Author: Kosaido
Author URI: http://www.kosaido.co.jp/
*/
/* media 利用する場合は先にbootstrapの「_variables.scss」を読み込んでおくこと
========================================== */
/* Five equal columns 利用する場合は先に「_media.scss」を読み込んでおくこと
========================================== */
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }

.gutter-1 > [class*='col-'] { padding-right: 1px; padding-left: 1px; }

.gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }

.gutter-3 > [class*='col-'] { padding-right: 3px; padding-left: 3px; }

.gutter-4 > [class*='col-'] { padding-right: 4px; padding-left: 4px; }

.gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }

.gutter-6 > [class*='col-'] { padding-right: 6px; padding-left: 6px; }

.gutter-7 > [class*='col-'] { padding-right: 7px; padding-left: 7px; }

.gutter-8 > [class*='col-'] { padding-right: 8px; padding-left: 8px; }

.gutter-9 > [class*='col-'] { padding-right: 9px; padding-left: 9px; }

.gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }

.gutter-11 > [class*='col-'] { padding-right: 11px; padding-left: 11px; }

.gutter-12 > [class*='col-'] { padding-right: 12px; padding-left: 12px; }

.gutter-13 > [class*='col-'] { padding-right: 13px; padding-left: 13px; }

.gutter-14 > [class*='col-'] { padding-right: 14px; padding-left: 14px; }

@media screen and (max-width: 767px) { .xs-no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
  .xs-gutter-1 > [class*='col-'] { padding-right: 1px; padding-left: 1px; }
  .xs-gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }
  .xs-gutter-3 > [class*='col-'] { padding-right: 3px; padding-left: 3px; }
  .xs-gutter-4 > [class*='col-'] { padding-right: 4px; padding-left: 4px; }
  .xs-gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
  .xs-gutter-6 > [class*='col-'] { padding-right: 6px; padding-left: 6px; }
  .xs-gutter-7 > [class*='col-'] { padding-right: 7px; padding-left: 7px; }
  .xs-gutter-8 > [class*='col-'] { padding-right: 8px; padding-left: 8px; }
  .xs-gutter-9 > [class*='col-'] { padding-right: 9px; padding-left: 9px; }
  .xs-gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
  .xs-gutter-11 > [class*='col-'] { padding-right: 11px; padding-left: 11px; }
  .xs-gutter-12 > [class*='col-'] { padding-right: 12px; padding-left: 12px; }
  .xs-gutter-13 > [class*='col-'] { padding-right: 13px; padding-left: 13px; }
  .xs-gutter-14 > [class*='col-'] { padding-right: 14px; padding-left: 14px; } }
@media print, (min-width: 768px) { .sm-no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
  .sm-gutter-1 > [class*='col-'] { padding-right: 1px; padding-left: 1px; }
  .sm-gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }
  .sm-gutter-3 > [class*='col-'] { padding-right: 3px; padding-left: 3px; }
  .sm-gutter-4 > [class*='col-'] { padding-right: 4px; padding-left: 4px; }
  .sm-gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
  .sm-gutter-6 > [class*='col-'] { padding-right: 6px; padding-left: 6px; }
  .sm-gutter-7 > [class*='col-'] { padding-right: 7px; padding-left: 7px; }
  .sm-gutter-8 > [class*='col-'] { padding-right: 8px; padding-left: 8px; }
  .sm-gutter-9 > [class*='col-'] { padding-right: 9px; padding-left: 9px; }
  .sm-gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
  .sm-gutter-11 > [class*='col-'] { padding-right: 11px; padding-left: 11px; }
  .sm-gutter-12 > [class*='col-'] { padding-right: 12px; padding-left: 12px; }
  .sm-gutter-13 > [class*='col-'] { padding-right: 13px; padding-left: 13px; }
  .sm-gutter-14 > [class*='col-'] { padding-right: 14px; padding-left: 14px; } }
@media (min-width: 992px) { .md-no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
  .md-gutter-1 > [class*='col-'] { padding-right: 1px; padding-left: 1px; }
  .md-gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }
  .md-gutter-3 > [class*='col-'] { padding-right: 3px; padding-left: 3px; }
  .md-gutter-4 > [class*='col-'] { padding-right: 4px; padding-left: 4px; }
  .md-gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
  .md-gutter-6 > [class*='col-'] { padding-right: 6px; padding-left: 6px; }
  .md-gutter-7 > [class*='col-'] { padding-right: 7px; padding-left: 7px; }
  .md-gutter-8 > [class*='col-'] { padding-right: 8px; padding-left: 8px; }
  .md-gutter-9 > [class*='col-'] { padding-right: 9px; padding-left: 9px; }
  .md-gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
  .md-gutter-11 > [class*='col-'] { padding-right: 11px; padding-left: 11px; }
  .md-gutter-12 > [class*='col-'] { padding-right: 12px; padding-left: 12px; }
  .md-gutter-13 > [class*='col-'] { padding-right: 13px; padding-left: 13px; }
  .md-gutter-14 > [class*='col-'] { padding-right: 14px; padding-left: 14px; } }
@media (min-width: 1600px) { .lg-no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
  .lg-gutter-1 > [class*='col-'] { padding-right: 1px; padding-left: 1px; }
  .lg-gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }
  .lg-gutter-3 > [class*='col-'] { padding-right: 3px; padding-left: 3px; }
  .lg-gutter-4 > [class*='col-'] { padding-right: 4px; padding-left: 4px; }
  .lg-gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
  .lg-gutter-6 > [class*='col-'] { padding-right: 6px; padding-left: 6px; }
  .lg-gutter-7 > [class*='col-'] { padding-right: 7px; padding-left: 7px; }
  .lg-gutter-8 > [class*='col-'] { padding-right: 8px; padding-left: 8px; }
  .lg-gutter-9 > [class*='col-'] { padding-right: 9px; padding-left: 9px; }
  .lg-gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
  .lg-gutter-11 > [class*='col-'] { padding-right: 11px; padding-left: 11px; }
  .lg-gutter-12 > [class*='col-'] { padding-right: 12px; padding-left: 12px; }
  .lg-gutter-13 > [class*='col-'] { padding-right: 13px; padding-left: 13px; }
  .lg-gutter-14 > [class*='col-'] { padding-right: 14px; padding-left: 14px; } }
