/*=================================================
 * User Custom
 =================================================*/
@media only print {

  .uk-grid-3\@xs { margin-left: -3px;}
  .uk-grid-3\@xs > * { padding-left: 3px;}
  .uk-grid + .uk-grid-3\@xs,
  .uk-grid-3\@xs > .uk-grid-margin,
  * + .uk-grid-margin-3\@xs {margin-top: 3px;}

  .uk-grid-5\@xs { margin-left: -5px;}
  .uk-grid-5\@xs > * { padding-left: 5px;}
  .uk-grid + .uk-grid-5\@xs,
  .uk-grid-5\@xs > .uk-grid-margin,
  * + .uk-grid-margin-5\@xs { margin-top: 5px;}

  .uk-grid-6\@xs { margin-left: -6px; }
  .uk-grid-6\@xs > * {padding-left: 6px; }
  .uk-grid + .uk-grid-6\@xs,
  .uk-grid-6\@xs > .uk-grid-margin,
  * + .uk-grid-margin-6\@xs { margin-top: 6px; }

  .uk-grid-8\@xs { margin-left: -8px;}
  .uk-grid-8\@xs > * { padding-left: 8px;}
  .uk-grid + .uk-grid-8\@xs,
  .uk-grid-8\@xs > .uk-grid-margin,
  * + .uk-grid-margin-8\@xs {margin-top: 8px;}
  
  .uk-grid-10\@xs {margin-left: -10px;}
  .uk-grid-10\@xs > * {padding-left: 10px;}
  .uk-grid + .uk-grid-10\@xs,
  .uk-grid-10\@xs > .uk-grid-margin,
  * + .uk-grid-margin-10\@xs { margin-top: 10px;}

  .uk-grid-15\@xs { margin-left: -15px;}
  .uk-grid-15\@xs > * { padding-left: 15px;}
  .uk-grid + .uk-grid-15\@xs,
  .uk-grid-15\@xs > .uk-grid-margin,
  * + .uk-grid-margin-15\@xs { margin-top: 15px;}
  
  .uk-grid-20\@xs {margin-left: -20px;}
  .uk-grid-20\@xs > * { padding-left: 20px;}
  .uk-grid + .uk-grid-20\@xs,
  .uk-grid-20\@xs > .uk-grid-margin,
  * + .uk-grid-margin-20\@xs { margin-top: 20px;}
  
  .uk-grid-25\@xs { margin-left: -25px;}
  .uk-grid-25\@xs > * { padding-left: 25px;}
  .uk-grid + .uk-grid-25\@xs,
  .uk-grid-25\@xs > .uk-grid-margin,
  * + .uk-grid-margin-25\@xs { margin-top: 25px;}
  
  .uk-grid-30\@xs { margin-left: -30px;}
  .uk-grid-30\@xs > * { padding-left: 30px;}
  .uk-grid + .uk-grid-30\@xs,
  .uk-grid-30\@xs > .uk-grid-margin,
  * + .uk-grid-margin-30\@xs { margin-top: 30px;}
  
  .uk-grid-35\@xs { margin-left: -35px;}
  .uk-grid-35\@xs > * { padding-left: 35px;}
  .uk-grid + .uk-grid-35\@xs,
  .uk-grid-35\@xs > .uk-grid-margin,
  * + .uk-grid-margin-35\@xs { margin-top: 35px;}
  
  .uk-grid-40\@xs { margin-left: -40px;}
  .uk-grid-40\@xs > * { padding-left: 40px;}
  .uk-grid + .uk-grid-40\@xs,
  .uk-grid-40\@xs > .uk-grid-margin,
  * + .uk-grid-margin-40\@xs { margin-top: 40px;}
  
  .uk-grid-50\@xs { margin-left: -50px;}
  .uk-grid-50\@xs > * {padding-left: 50px;}
  .uk-grid + .uk-grid-50\@xs,
  .uk-grid-50\@xs > .uk-grid-margin,
  * + .uk-grid-margin-50\@xs {margin-top: 50px;}

  .uk-grid-60\@xs { margin-left: -60px;}
  .uk-grid-60\@xs > * {padding-left: 60px;}
  .uk-grid + .uk-grid-60\@xs,
  .uk-grid-60\@xs > .uk-grid-margin,
  * + .uk-grid-margin-60\@xs {margin-top: 60px;}

  
  
  .uk-grid-3\@s { margin-left: -3px;}
  .uk-grid-3\@s > * { padding-left: 3px;}
  .uk-grid + .uk-grid-3\@s,
  .uk-grid-3\@s > .uk-grid-margin,
  * + .uk-grid-margin-3\@s {margin-top: 3px;}

  .uk-grid-5\@s { margin-left: -5px;}
  .uk-grid-5\@s > * { padding-left: 5px;}
  .uk-grid + .uk-grid-5\@s,
  .uk-grid-5\@s > .uk-grid-margin,
  * + .uk-grid-margin-5\@s { margin-top: 5px;}

  .uk-grid-6\@s { margin-left: -6px; }
  .uk-grid-6\@s > * {padding-left: 6px; }
  .uk-grid + .uk-grid-6\@s,
  .uk-grid-6\@s > .uk-grid-margin,
  * + .uk-grid-margin-6\@s { margin-top: 6px; }

  .uk-grid-8\@s { margin-left: -8px;}
  .uk-grid-8\@s > * { padding-left: 8px;}
  .uk-grid + .uk-grid-8\@s,
  .uk-grid-8\@s > .uk-grid-margin,
  * + .uk-grid-margin-8\@s {margin-top: 8px;}
  
  .uk-grid-10\@s {margin-left: -10px;}
  .uk-grid-10\@s > * {padding-left: 10px;}
  .uk-grid + .uk-grid-10\@s,
  .uk-grid-10\@s > .uk-grid-margin,
  * + .uk-grid-margin-10\@s { margin-top: 10px;}

  .uk-grid-15\@s { margin-left: -15px;}
  .uk-grid-15\@s > * { padding-left: 15px;}
  .uk-grid + .uk-grid-15\@s,
  .uk-grid-15\@s > .uk-grid-margin,
  * + .uk-grid-margin-15\@s { margin-top: 15px;}
  
  .uk-grid-20\@s {margin-left: -20px;}
  .uk-grid-20\@s > * { padding-left: 20px;}
  .uk-grid + .uk-grid-20\@s,
  .uk-grid-20\@s > .uk-grid-margin,
  * + .uk-grid-margin-20\@s { margin-top: 20px;}
  
  .uk-grid-25\@s { margin-left: -25px;}
  .uk-grid-25\@s > * { padding-left: 25px;}
  .uk-grid + .uk-grid-25\@s,
  .uk-grid-25\@s > .uk-grid-margin,
  * + .uk-grid-margin-25\@s { margin-top: 25px;}
  
  .uk-grid-30\@s { margin-left: -30px;}
  .uk-grid-30\@s > * { padding-left: 30px;}
  .uk-grid + .uk-grid-30\@s,
  .uk-grid-30\@s > .uk-grid-margin,
  * + .uk-grid-margin-30\@s { margin-top: 30px;}
  
  .uk-grid-35\@s { margin-left: -35px;}
  .uk-grid-35\@s > * { padding-left: 35px;}
  .uk-grid + .uk-grid-35\@s,
  .uk-grid-35\@s > .uk-grid-margin,
  * + .uk-grid-margin-35\@s { margin-top: 35px;}
  
  .uk-grid-40\@s { margin-left: -40px;}
  .uk-grid-40\@s > * { padding-left: 40px;}
  .uk-grid + .uk-grid-40\@s,
  .uk-grid-40\@s > .uk-grid-margin,
  * + .uk-grid-margin-40\@s { margin-top: 40px;}
  
  .uk-grid-50\@s { margin-left: -50px;}
  .uk-grid-50\@s > * {padding-left: 50px;}
  .uk-grid + .uk-grid-50\@s,
  .uk-grid-50\@s > .uk-grid-margin,
  * + .uk-grid-margin-50\@s {margin-top: 50px;}

  .uk-grid-60\@s { margin-left: -60px;}
  .uk-grid-60\@s > * {padding-left: 60px;}
  .uk-grid + .uk-grid-60\@s,
  .uk-grid-60\@s > .uk-grid-margin,
  * + .uk-grid-margin-60\@s {margin-top: 60px;}

  .uk-grid-3\@m { margin-left: -3px;}
  .uk-grid-3\@m > * { padding-left: 3px;}
  .uk-grid + .uk-grid-3\@m,
  .uk-grid-3\@m > .uk-grid-margin,
  * + .uk-grid-margin-3\@m {margin-top: 3px;}

  .uk-grid-5\@m { margin-left: -5px;}
  .uk-grid-5\@m > * { padding-left: 5px;}
  .uk-grid + .uk-grid-5\@m,
  .uk-grid-5\@m > .uk-grid-margin,
  * + .uk-grid-margin-5\@m { margin-top: 5px;}

  .uk-grid-6\@m { margin-left: -6px; }
  .uk-grid-6\@m > * {padding-left: 6px; }
  .uk-grid + .uk-grid-6\@m,
  .uk-grid-6\@m > .uk-grid-margin,
  * + .uk-grid-margin-6\@m { margin-top: 6px; }

  .uk-grid-8\@m { margin-left: -8px;}
  .uk-grid-8\@m > * { padding-left: 8px;}
  .uk-grid + .uk-grid-8\@m,
  .uk-grid-8\@m > .uk-grid-margin,
  * + .uk-grid-margin-8\@m {margin-top: 8px;}
  
  .uk-grid-10\@m {margin-left: -10px;}
  .uk-grid-10\@m > * {padding-left: 10px;}
  .uk-grid + .uk-grid-10\@m,
  .uk-grid-10\@m > .uk-grid-margin,
  * + .uk-grid-margin-10\@m { margin-top: 10px;}

  .uk-grid-15\@m { margin-left: -15px;}
  .uk-grid-15\@m > * { padding-left: 15px;}
  .uk-grid + .uk-grid-15\@m,
  .uk-grid-15\@m > .uk-grid-margin,
  * + .uk-grid-margin-15\@m { margin-top: 15px;}
  
  .uk-grid-20\@m {margin-left: -20px;}
  .uk-grid-20\@m > * { padding-left: 20px;}
  .uk-grid + .uk-grid-20\@m,
  .uk-grid-20\@m > .uk-grid-margin,
  * + .uk-grid-margin-20\@m { margin-top: 20px;}
  
  .uk-grid-25\@m { margin-left: -25px;}
  .uk-grid-25\@m > * { padding-left: 25px;}
  .uk-grid + .uk-grid-25\@m,
  .uk-grid-25\@m > .uk-grid-margin,
  * + .uk-grid-margin-25\@m { margin-top: 25px;}
  
  .uk-grid-30\@m { margin-left: -30px;}
  .uk-grid-30\@m > * { padding-left: 30px;}
  .uk-grid + .uk-grid-30\@m,
  .uk-grid-30\@m > .uk-grid-margin,
  * + .uk-grid-margin-30\@m { margin-top: 30px;}
  
  .uk-grid-35\@m { margin-left: -35px;}
  .uk-grid-35\@m > * { padding-left: 35px;}
  .uk-grid + .uk-grid-35\@m,
  .uk-grid-35\@m > .uk-grid-margin,
  * + .uk-grid-margin-35\@m { margin-top: 35px;}
  
  .uk-grid-40\@m { margin-left: -40px;}
  .uk-grid-40\@m > * { padding-left: 40px;}
  .uk-grid + .uk-grid-40\@m,
  .uk-grid-40\@m > .uk-grid-margin,
  * + .uk-grid-margin-40\@m { margin-top: 40px;}
  
  .uk-grid-50\@m { margin-left: -50px;}
  .uk-grid-50\@m > * {padding-left: 50px;}
  .uk-grid + .uk-grid-50\@m,
  .uk-grid-50\@m > .uk-grid-margin,
  * + .uk-grid-margin-50\@m {margin-top: 50px;}

  .uk-grid-60\@m { margin-left: -60px;}
  .uk-grid-60\@m > * {padding-left: 60px;}
  .uk-grid + .uk-grid-60\@m,
  .uk-grid-60\@m > .uk-grid-margin,
  * + .uk-grid-margin-60\@m {margin-top: 60px;}

}



/* ========================================================================
   Component: Width
 ========================================================================== */



/* Phone landscape and bigger */
@media only print {
  .uk-child-width-1-1\@s > *   {
    width: 100%;
  }
  .uk-child-width-1-2\@s > * {
    width: 50%;
  }
  .uk-child-width-1-3\@s > * {
    width: calc(100% * 1 / 3.001);
  }
  .uk-child-width-1-4\@s > * {
    width: 25%;
  }
  .uk-child-width-1-5\@s > * {
    width: 20%;
  }
  .uk-child-width-1-6\@s > * {
    width: calc(100% * 1 / 6.001);
  }
  .uk-child-width-auto\@s > * {
    width: auto;
  }
  .uk-child-width-expand\@s > * {
    width: 1px;
  }
  /*** User Custom 24分割まで拡張 ***/
  
  .uk-child-width-1-7\@s > * { width: calc(100% * 1 / 7.001); }
  .uk-child-width-2-7\@s > * { width: calc(100% * 2 / 7.001); }  
  .uk-child-width-3-7\@s > * { width: calc(100% * 3 / 7.001); }  
  .uk-child-width-1-8\@s > * { width: calc(100% * 1 / 8.001); }
  .uk-child-width-5-8\@s > * { width: calc(100% * 5 / 8.001); }
  .uk-child-width-4-9\@s > * { width: calc(100% * 1 / 4.001); }
  .uk-child-width-1-9\@s > * { width: calc(100% * 1 / 9.001); }
  
  .uk-child-width-1-10\@s > * { width: calc(100% * 1 / 10.001); }
  .uk-child-width-1-11\@s > * { width: calc(100% * 1 / 11.001); }
  .uk-child-width-1-12\@s > * { width: calc(100% * 1 / 12.001); }
  .uk-child-width-1-24\@s > * { width: calc(100% * 1 / 24.001); }
  /*** User Custom パーセント指定 ***/
  .uk-child-width-50\%\@s > * { width: 50%; }
  .uk-child-width-33\%\@s > * { width: calc(100% * 1 / 3.001); }
  .uk-child-width-25\%\@s > * { width: 25%; }
  .uk-child-width-20\%\@s > * { width: 20%; }
  .uk-child-width-16\%\@s > * { width: calc(100% * 1 / 6.001); }
  .uk-child-width-10\%\@s > * { width: calc(100% * 1 / 10.001); }
  .uk-child-width-5\%\@s > * { width:5%; }
  .uk-child-width-10\%\@s > * { width: 10%; }
  .uk-child-width-15\%\@s > * { width: 15%; }  
  .uk-child-width-20\%\@s > * { width: 20%; }  
  .uk-child-width-30\%\@s > * { width: 30%; }  
  .uk-child-width-40\%\@s > * { width: 40%; }
  .uk-child-width-50\%\@s > * { width: 50%; }
  .uk-child-width-60\%\@s > * { width: 60%; }
  .uk-child-width-70\%\@s > * { width: 70%; }
  .uk-child-width-50\%\@s > * { width: 80%; }
  .uk-child-width-60\%\@s > * { width: 90%; }
  .uk-child-width-70\%\@s > * { width: 100%; }
  .uk-child-width-expand\@s > :not([class*='uk-width']) {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    flex-basis: 1px;
  }

  
  .uk-child-width-1-1\@m > * {
    width: 100%;
  }
  .uk-child-width-1-2\@m > * {
    width: 50%;
  }
  .uk-child-width-1-3\@m > * {
    width: calc(100% * 1 / 3.001);
  }
  .uk-child-width-1-4\@m > * {
    width: 25%;
  }
  .uk-child-width-1-5\@m > * {
    width: 20%;
  }
  .uk-child-width-1-6\@m > * {
    width: calc(100% * 1 / 6.001);
  }
  .uk-child-width-auto\@m > * {
    width: auto;
  }
  .uk-child-width-expand\@m > * {
    width: 1px;
  }
  /*** User Custom 24分割まで拡張 ***/
  .uk-child-width-1-7\@m > * { width: calc(100% * 1 / 7.001); }
  .uk-child-width-1-8\@m > * { width: calc(100% * 1 / 8.001); }
  .uk-child-width-1-9\@m > * { width: calc(100% * 1 / 9.001); }
  .uk-child-width-1-10\@m > * { width: calc(100% * 1 / 10.001); }
  .uk-child-width-1-11\@m > * { width: calc(100% * 1 / 11.001); }
  .uk-child-width-1-12\@m > * { width: calc(100% * 1 / 12.001); }
  .uk-child-width-1-24\@m > * { width: calc(100% * 1 / 24.001); }
  /*** User Custom パーセント指定 ***/
  .uk-child-width-100\%\@m > * { width: 100%; }
  .uk-child-width-50\%\@m > * { width: 50%; }
  .uk-child-width-33\%\@m > * { width: calc(100% * 1 / 3.001); }
  .uk-child-width-25\%\@m > * { width: 25%; }
  .uk-child-width-20\%\@m > * { width: 20%; }
  .uk-child-width-16\%\@m > * { width: calc(100% * 1 / 6.001); }
  .uk-child-width-10\%\@m > * { width: calc(100% * 1 / 10.001); }
  
  .uk-child-width-5\%\@m > * { width: 10%; }
  .uk-child-width-10\%\@m > * { width: 10%; }
  .uk-child-width-15\%\@m > * { width: 15%; }  
  .uk-child-width-20\%\@m > * { width: 20%; }  
  .uk-child-width-30\%\@m > * { width: 30%; }  
  .uk-child-width-40\%\@m > * { width: 40%; }
  .uk-child-width-50\%\@m > * { width: 50%; }
  .uk-child-width-60\%\@m > * { width: 60%; }
  .uk-child-width-70\%\@m > * { width: 70%; }
  .uk-child-width-50\%\@m > * { width: 80%; }
  .uk-child-width-60\%\@m > * { width: 90%; }
  .uk-child-width-70\%\@m > * { width: 100%; }  
  .uk-child-width-expand\@m > :not([class*='uk-width']) {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    flex-basis: 1px;
  }
}




@media  only print {
  /* Whole */
  .uk-width-1-1\@s {
    width: 100%;
  }
  /* Halves */
  .uk-width-1-2\@s {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3\@s {
    width: calc(100% * 1 / 3.001);
  }
  .uk-width-2-3\@s {
    width: calc(100% * 2 / 3.001);
  }
  /* Quarters */
  .uk-width-1-4\@s {
    width: 25%;
  }
  .uk-width-3-4\@s {
    width: 75%;
  }
  /* Fifths */
  .uk-width-1-5\@s {
    width: 20%;
  }
  .uk-width-2-5\@s {
    width: 40%;
  }
  .uk-width-3-5\@s {
    width: 60%;
  }
  .uk-width-4-5\@s {
    width: 80%;
  }
  /* Sixths */
  .uk-width-1-6\@s {
    width: calc(100% * 1 / 6.001);
  }
  .uk-width-5-6\@s {
    width: calc(100% * 5 / 6.001);
  }
  /* Pixel */
  .uk-width-small\@s {
    width: 150px;
  }
  .uk-width-medium\@s {
    width: 300px;
  }
  .uk-width-large\@s {
    width: 450px;
  }
  .uk-width-xlarge\@s {
    width: 600px;
  }
  .uk-width-xxlarge\@s {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto\@s {
    width: auto;
  }
  /* Expand */
  .uk-width-expand\@s {
    width: 1px;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    flex-basis: 1px;
  }
  
  /*** User Custom 24分割まで拡張 ***/
  .uk-width-1-7\@s { width: calc(100% * 1 / 7.001); }
  .uk-width-3-7\@s { width: calc(100% * 3 / 7.001); }
  .uk-width-4-7\@s { width: calc(100% * 4 / 7.001); }
  .uk-width-6-7\@s { width: calc(100% * 6 / 7.001); }
  .uk-width-1-8\@s {width: calc(100% * 1 / 8.001);  }
  .uk-width-5-8\@s {width: calc(100% * 5 / 8.001);  }
  .uk-width-7-8\@s {width: calc(100% * 7 / 8.001);  }
  .uk-width-1-9\@s { width: calc(100% * 1 / 9.001); }
  .uk-width-2-9\@s { width: calc(100% * 2 / 9.001); }
  .uk-width-4-9\@s { width: calc(100% * 4 / 9.001); }
  .uk-width-5-9\@s { width: calc(100% * 5 / 9.001); }
  .uk-width-7-9\@s { width: calc(100% * 7 / 9.001); }
  .uk-width-8-9\@s { width: calc(100% * 8 / 9.001); }
  .uk-width-1-10\@s { width: calc(100% * 1 / 10.001); }
  .uk-width-3-10\@s { width: calc(100% * 3 / 10.001); }
  .uk-width-9-10\@s { width: calc(100% * 9 / 10.001); }
  .uk-width-1-11\@s { width: calc(100% * 1 / 11.001); }
  .uk-width-1-12\@s { width: calc(100% * 1 / 12.001); }
  .uk-width-2-12\@s { width: calc(100% * 2 / 12.001); }
  .uk-width-3-12\@s { width: calc(100% * 3 / 12.001); }
  .uk-width-4-12\@s { width: calc(100% * 4 / 12.001); }
  .uk-width-5-12\@s { width: calc(100% * 5 / 12.001); }
  .uk-width-6-12\@s { width: calc(100% * 6 / 12.001); }
  .uk-width-7-12\@s { width: calc(100% * 7 / 12.001); }
  .uk-width-8-12\@s { width: calc(100% * 8 / 12.001); }
  .uk-width-9-12\@s { width: calc(100% * 9 / 12.001); }
  .uk-width-10-12\@s { width: calc(100% * 10 / 12.001); }
  .uk-width-11-12\@s { width: calc(100% * 11 / 12.001); }
  .uk-width-12-12\@s { width: calc(100% * 12 / 12.001); }
  .uk-width-1-24\@s { width: calc(100% * 1 / 24.001); }
  .uk-width-5-24\@s { width: calc(100% * 5 / 24.001); }

  /*** User Custom パーセント指定 ***/
  .uk-width-5\%\@s { width: calc(100% * 1 / 5.001); }
  .uk-width-10\%\@s { width: calc(100% * 1 / 10.001); }
  .uk-width-15\%\@s { width: calc(100% * 1 / 15.001); }
  .uk-width-16\%\@s { width: calc(100% * 1 / 16.001); }
  .uk-width-20\%\@s { width: 20%; }
  .uk-width-25\%\@s { width: 25%; }
  .uk-width-30\%\@s { width: 30%; }
  .uk-width-33\%\@s { width: calc(100% * 1 / 3.001); }
  .uk-width-40\%\@s { width: 40%; }
  .uk-width-45\%\@s { width: 45%; }
  .uk-width-50\%\@s { width: 50%; }
  .uk-width-55\%\@s { width: 55%; }
  .uk-width-60\%\@s { width: 60%; }
  .uk-width-65\%\@s { width: 65%; }
  .uk-width-70\%\@s { width: 70%; }
  .uk-width-75\%\@s { width: 75%; }
  .uk-width-80\%\@s { width: 80%; }
  .uk-width-85\%\@s { width: 85%; }
  .uk-width-90\%\@s { width: 90%; }
  .uk-width-95\%\@s { width: 95%; }
  .uk-width-100\%\@s { width: 100%; }
  
  /*** ピクセル指定 ***/
  .uk-width-5px\@s { width: 5px; }
  .uk-width-10px\@s { width: 10px; }
  .uk-width-15px\@s { width: 15px; }
  .uk-width-20px\@s { width: 20px; }
  .uk-width-25px\@s { width: 25px; }
  .uk-width-30px\@s { width: 30px; }
  
  

  .uk-width-1-1\@m {
    width: 100%;
  }
  /* Halves */
  .uk-width-1-2\@m {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3\@m {
    width: calc(100% * 1 / 3.001);
  }
  .uk-width-2-3\@m {
    width: calc(100% * 2 / 3.001);
  }
  /* Quarters */
  .uk-width-1-4\@m {
    width: 25%;
  }
  .uk-width-3-4\@m {
    width: 75%;
  }
  /* Fifths */
  .uk-width-1-5\@m {
    width: 20%;
  }
  .uk-width-2-5\@m {
    width: 40%;
  }
  .uk-width-3-5\@m {
    width: 60%;
  }
  .uk-width-4-5\@m {
    width: 80%;
  }
  /* Sixths */
  .uk-width-1-6\@m {
    width: calc(100% * 1 / 6.001);
  }
  .uk-width-5-6\@m {
    width: calc(100% * 5 / 6.001);
  }
  /* Pixel */
  .uk-width-small\@m {
    width: 150px;
  }
  .uk-width-medium\@m {
    width: 300px;
  }
  .uk-width-large\@m {
    width: 450px;
  }
  .uk-width-xlarge\@m {
    width: 600px;
  }
  .uk-width-xxlarge\@m {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto\@m {
    width: auto;
  }
  /* Expand */
  .uk-width-expand\@m {
    width: 1px;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    flex-basis: 1px;
  }

  /*** User Custom 24分割まで拡張 ***/
  .uk-width-1-7\@m { width: calc(100% * 1 / 7.001); }
  .uk-width-1-8\@m {width: calc(100% * 1 / 8.001);  }
  .uk-width-1-9\@m { width: calc(100% * 1 / 9.001); }
  .uk-width-1-10\@m { width: calc(100% * 1 / 10.001); }
  .uk-width-1-11\@m { width: calc(100% * 1 / 11.001); }
  .uk-width-1-12\@m { width: calc(100% * 1 / 12.001); }
  .uk-width-2-12\@m { width: calc(100% * 2 / 12.001); }
  .uk-width-3-12\@m { width: calc(100% * 3 / 12.001); }
  .uk-width-4-12\@m { width: calc(100% * 4 / 12.001); }
  .uk-width-5-12\@m { width: calc(100% * 5 / 12.001); }
  .uk-width-6-12\@m { width: calc(100% * 6 / 12.001); }
  .uk-width-7-12\@m { width: calc(100% * 7 / 12.001); }
  .uk-width-8-12\@m { width: calc(100% * 8 / 12.001); }
  .uk-width-9-12\@m { width: calc(100% * 9 / 12.001); }
  .uk-width-10-12\@m { width: calc(100% * 10 / 12.001); }
  .uk-width-11-12\@m { width: calc(100% * 11 / 12.001); }
  .uk-width-12-12\@m { width: calc(100% * 12 / 12.001); }
  .uk-width-1-24\@m { width: calc(100% * 1 / 24.001); }

  
  /*** User Custom パーセント指定 ***/
  .uk-width-5\%\@m { width: calc(100% * 1 / 5.001); }
  .uk-width-10\%\@m { width: calc(100% * 1 / 10.001); }
  .uk-width-16\%\@m { width: calc(100% * 1 / 6.001); }
  .uk-width-20\%\@m { width: 20%; }
  .uk-width-25\%\@m { width: 25%; }
  .uk-width-30\%\@m { width: 30%; }
  .uk-width-33\%\@m { width: calc(100% * 1 / 3.001); }
  .uk-width-40\%\@m { width: 40%; }
  .uk-width-50\%\@m { width: 50%; }  
  
  /*** ピクセル指定 ***/
  .uk-width-5px\@m { width: 5px; }
  .uk-width-10px\@m { width: 10px; }
  .uk-width-15px\@m { width: 15px; }
  .uk-width-20px\@m { width: 20px; }
  .uk-width-25px\@m { width: 25px; }
  .uk-width-30px\@m { width: 30px; }
    
  
}






@media only print {
  .uk-column-1-2\@s {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .uk-column-1-3\@s {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .uk-column-1-4\@s {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .uk-column-1-5\@s {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
  .uk-column-1-6\@s {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Tablet landscape and bigger */
@media only print {
  .uk-column-1-2\@m {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .uk-column-1-3\@m {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .uk-column-1-4\@m {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .uk-column-1-5\@m {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
  .uk-column-1-6\@m {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}


@media only print{
  .uk-child-mt-xs > * {margin-top: 10px;}
  .uk-child-mt-s > * {margin-top: 20px;}
  .uk-child-mt-m > * {margin-top: 30px;}
  .uk-child-mt-l > * {margin-top: 40px;}
  .uk-child-mt-xl > * {margin-top: 50px;}
  .uk-child-mt-xxl > * {margin-top: 60px;}

  .uk-child-mt-10\@s > * {margin-top: 10px;}
  .uk-child-mt-20\@s > * {margin-top: 20px;}
  .uk-child-mt-30\@s > * {margin-top: 30px;}
  .uk-child-mt-40\@s > * {margin-top: 40px;}
  .uk-child-mt-50\@s > * {margin-top: 50px;}
  .uk-child-mt-60\@s > * {margin-top: 60px;}
  .uk-child-mt-70\@s > * {margin-top: 70px;}
  .uk-child-mt-80\@s > * {margin-top: 80px;}
  .uk-child-mt-none\@s > * {margin-top: 0; }

}
@media only print{
  .uk-child-mt-xs > * {margin-top: 10px;}
  .uk-child-mt-s > * {margin-top: 20px;}
  .uk-child-mt-m > * {margin-top: 30px;}
  .uk-child-mt-l > * {margin-top: 40px;}
  .uk-child-mt-xl > * {margin-top: 50px;}
  .uk-child-mt-xxl > * {margin-top: 60px;}
  
  .uk-child-mt-10\@m > * {margin-top: 10px;}
  .uk-child-mt-20\@m > * {margin-top: 20px;}
  .uk-child-mt-30\@m > * {margin-top: 30px;}
  .uk-child-mt-40\@m > * {margin-top: 40px;}
  .uk-child-mt-50\@m > * {margin-top: 50px;}
  .uk-child-mt-60\@m > * {margin-top: 60px;}
  .uk-child-mt-70\@m > * {margin-top: 70px;}
  .uk-child-mt-80\@m > * {margin-top: 80px;}
  .uk-child-mt-none\@m > * {margin-top: 0; }

}


/* ========================================================================
   padding
 ========================================================================== */


@media only print{
  .uk-padding{padding:10px}
  .uk-padding-5\@s { padding: 5px; }
  .uk-padding-10\@s { padding: 10px; }
  .uk-padding-15\@s { padding: 15px; }
  .uk-padding-20\@s { padding: 20px; }
  .uk-padding-25\@s { padding: 25px; }
  .uk-padding-30\@s { padding: 30px; }
  .uk-padding-40\@s { padding: 40px; }
  .uk-padding-50\@s { padding: 50px; }
  .uk-padding-60\@s { padding: 60px; }
  .uk-padding-70\@s { padding: 70px; }
  .uk-padding-80\@s { padding: 80px; }
  .uk-padding-none\@s { padding: 0; }

  .uk-padding{padding:20px}
  .uk-padding-5\@m { padding: 5px; }
  .uk-padding-10\@m { padding: 10px; }
  .uk-padding-15\@m { padding: 15px; }
  .uk-padding-20\@m { padding: 20px; }
  .uk-padding-30\@m { padding: 30px; }
  .uk-padding-40\@m { padding: 40px; }
  .uk-padding-50\@m { padding: 50px; }
  .uk-padding-60\@m { padding: 60px; }
  .uk-padding-70\@m { padding: 60px; }
  .uk-padding-80\@m { padding: 60px; }

  .uk-padding-none\@m { padding: 0; }
}


/* ========================================================================
   左右padding
 ========================================================================== */

@media only print{
  .uk-hpadding-10\@s {
    padding-left: 10px;
    padding-right: 10px;
  }
  .uk-hpadding-15\@s {
    padding-left: 15px;
    padding-right: 15px;
  }
  .uk-hpadding-20\@s {
    padding-left: 20px;
    padding-right: 20px;
  }
  .uk-hpadding-30\@s {
    padding-left: 30px;
    padding-right: 30px;
  }
  .uk-hpadding-40\@s {
    padding-left: 40px;
    padding-right: 40px;
  }
  .uk-hpadding-50\@s {
    padding-left: 50px;
    padding-right: 50px;
  }
  .uk-hpadding-60\@s {
    padding-left: 60px;
    padding-right: 60px;
  }
  .uk-hpadding-70\@s {
    padding-left: 70px;
    padding-right: 70px;
  }
  .uk-hpadding-80\@s {
    padding-left: 80px;
    padding-right: 80px;
  }

  .uk-hpadding-none\@s {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 768px){

  .uk-hpadding-10\@s\! {
    padding-left: 10px;
    padding-right: 10px;
  }
  .uk-hpadding-15\@s\! {
    padding-left: 15px;
    padding-right: 15px;
  }
  .uk-hpadding-20\@s\! {
    padding-left: 20px;
    padding-right: 20px;
  }
  .uk-hpadding-30\@s\! {
    padding-left: 30px;
    padding-right: 30px;
  }
  .uk-hpadding-40\@s\! {
    padding-left: 40px;
    padding-right: 40px;
  }
  .uk-hpadding-50\@s\! {
    padding-left: 50px;
    padding-right: 50px;
  }
  .uk-hpadding-60\@s\! {
    padding-left: 60px;
    padding-right: 60px;
  }
  .uk-hpadding-70\@s\! {
    padding-left: 60px;
    padding-right: 60px;
  }
  .uk-hpadding-80\@s\! {
    padding-left: 60px;
    padding-right: 60px;
  }

  .uk-hpadding-none\@s\! {
    padding-left: 0;
    padding-right: 0;

  }
}
   
@media screen and (max-width: 640px){
  .uk-hpadding-10\@xs\! {
    padding-left: 10px;
    padding-right: 10px;
  }
  .uk-hpadding-15\@xs\! {
    padding-left: 15px;
    padding-right: 15px;
  }
  .uk-hpadding-20\@xs\! {
    padding-left: 20px;
    padding-right: 20px;
  }
  .uk-hpadding-30\@xs\! {
    padding-left: 30px;
    padding-right: 30px;
  }
  .uk-hpadding-40\@xs\! {
    padding-left: 40px;
    padding-right: 40px;
  }
  .uk-hpadding-50\@xs\! {
    padding-left: 50px;
    padding-right: 50px;
  }
  .uk-hpadding-60\@xs\! {
    padding-left: 60px;
    padding-right: 60px;
  }
  .uk-hpadding-70\@xs\! {
    padding-left: 60px;
    padding-right: 60px;
  }
  .uk-hpadding-80\@xs\! {
    padding-left: 60px;
    padding-right: 60px;
  }

  .uk-hpadding-none\@xs\! {
    padding-left: 0;
    padding-right: 0;
  }
}