/* ========================================================================
   ブレイクポイントテンプレート
 ========================================================================== */
@media screen and (min-width: 541px){
  
}
@media screen and (min-width: 769px){
  
}
@media screen and (min-width: 960px){
  
}
@media screen and (min-width: 1201px){
  
}
@media screen and (max-width: 768px){

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

/* ========================================================================
   ブロック要素
 ========================================================================== */
.uk-block{
  display:block;
}
.uk-inline-block{
  display:inline-block;
}

.uk-clear, .clear{
  clear:both;
}
/* ========================================================================
   border　FLEXグリッド内ではインサイド要素にかける
 ========================================================================== */
.uk-child-border > * > .inside,
.uk-child-border-xs > * > .inside,
.uk-border,
.uk-border-xs{
  border:1px solid #CCCCCC;
}
.uk-child-border-2 > * > .inside,
.uk-child-border-s > * > .inside,
.uk-border-s{
  border:2px solid #CCCCCC;
}
.uk-child-border-3 > * > .inside,
.uk-child-border-m > * > .inside,
.uk-border-m{
  border:3px solid #CCCCCC;
}
.uk-child-border-4 > * > .inside,
.uk-child-border-l > * > .inside,
.uk-border-l{
  border:4px solid #CCCCCC;
}
.uk-child-border-5 > * > .inside,
.uk-child-border-xl > * > .inside,
.uk-border-xl{
  border:5px solid #CCCCCC;
}

/* スタイル */
.uk-dotted{
  border-style:dotted;
}
.uk-dashed{
  border-style:dashed;
}


/* ========================================================================
   RADIUS
 ========================================================================== */
.uk-child-radius > * > .inside,
.uk-child-radius-xs > * > .inside,
.uk-radius,
.uk-radius-xs{
  border-radius: 3px
}
.uk-child-radius-s > * > .inside,
.uk-radius-s{
  border-radius: 5px
}
.uk-child-radius-m > * > .inside,
.uk-radius-m{
  border-radius: 10px
}
.uk-child-radius-l > * > .inside,
.uk-radius-l{
  border-radius: 20px
}
.uk-child-radius-xl > * > .inside,
.uk-radius-xl{
  border-radius: 30px
}
.uk-child-radius-xxl > * > .inside,
.uk-radius-xxl{
  border-radius: 30px
}
.uk-radius-tl-none { border-top-left-radius: 0!important }
.uk-radius-tr-none { border-top-right-radius: 0!important }
.uk-radius-br-none { border-bottom-right-radius: 0!important }
.uk-radius-bl-none { border-bottom-left-radius: 0!important }

/* ========================================================================
   テキスト
========================================================================== */

.uk-mark{
  padding-left:1em;
  text-indent:-1em;
}

/*font awesome*/

[class*="uk-has-fa"]{
  padding-left:1.5em;
}

/*font awesome*/
[class*="uk-has-fa"] > .fa{
  text-indent:-1.5em;
	letter-spacing:0.5em;
}
.uk-has-fa-inverse > .fa{
	background:black;
}
/*.uk-mark-inverse > .fa::before{
	filter: invert(100%);
}*/


/* スタイル */
.uk-b { font-weight: bold; }
/*  NOWRAP */
.uk-nw, .nw, .uk-nowrap, .nowrap{
  white-space:nowrap;
  font-weight: inherit;
}

.uk-title-m { font-size:2rem; }
.uk-font-xsmall, .uk-text-xsmall,.uk-font-xs, .uk-text-xs{font-size:70%;}
.uk-font-small, .uk-text-small,.uk-font-s, .uk-text-s{font-size:80%;}
.uk-font-large, .uk-text-large,.uk-font-l, .uk-text-l{font-size:120%;}
.uk-font-xlarge, .uk-text-xlarge,.uk-font-xl, .uk-text-xl{font-size:140%;}
.uk-font-xlarge, .uk-text-xlarge,.uk-font-xl, .uk-text-xl{font-size:160%;}
.uk-font-xxlarge, .uk-text-xxlarge,.uk-font-xxl, .uk-text-xxl{font-size:160%;}
.uk-font-xxxlarge, .uk-text-xxxlarge,.uk-font-xxxl, .uk-text-xxxl{font-size:200%;}

.uk-text-18{font-size:18px;line-height:1.5;}
.uk-text-20{font-size:20px;line-height:1.4;}
.uk-text-24{font-size:24px;line-height:1.3;}
.uk-text-28{font-size:28px;line-height:1.25;}
.uk-text-36{font-size:36px;line-height:1.2;}

@media screen and (max-width: 768px){
.uk-title-m { font-size:2rem;}
.uk-font-xsmall, .uk-text-xsmall,.uk-font-xs, .uk-text-xs{font-size:11px;}
.uk-font-small, .uk-text-small,.uk-font-s, .uk-text-s{font-size:12px;}
.uk-font-large, .uk-text-large,.uk-font-l, .uk-text-l{font-size:calc(100% + 0.25vw);}
.uk-font-xlarge, .uk-text-xlarge,.uk-font-xl, .uk-text-xl{font-size:calc(105% + 0.25vw);}
.uk-font-xlarge, .uk-text-xlarge,.uk-font-xl, .uk-text-xl{font-size:calc(110% + 0.25vw);line-height:1.4;}
.uk-font-xxlarge, .uk-text-xxlarge,.uk-font-xxl, .uk-text-xxl{font-size:calc(115% + 0.25vw);line-height:1.35;}
.uk-font-xxxlarge, .uk-text-xxxlarge,.uk-font-xxxl, .uk-text-xxxl{font-size:calc(120% + 0.25vw);line-height:1.3;}
}

@media screen and (min-width: 541px){
.uk-title-m\@s { font-size:2rem;}
.uk-font-xsmall\@s, .uk-text-xsmall\@s,.uk-font-xs\@s, .uk-text-xs\@s{font-size:70%;}
.uk-font-small\@s, .uk-text-small\@s,.uk-font-s\@s, .uk-text-s\@s{font-size:80%;}
.uk-font-large\@s, .uk-text-large\@s,.uk-font-l\@s, .uk-text-l\@s{font-size:120%;}
.uk-font-xlarge\@s, .uk-text-xlarge\@s,.uk-font-xl\@s, .uk-text-xl\@s{font-size:140%;}
.uk-font-xlarge\@s, .uk-text-xlarge\@s,.uk-font-xl\@s, .uk-text-xl\@s{font-size:160%;}
.uk-font-xxlarge\@s, .uk-text-xxlarge\@s,.uk-font-xxl\@s, .uk-text-xxl\@s{font-size:160%;}
.uk-font-xxxlarge\@s, .uk-text-xxxlarge\@s,.uk-font-xxxl\@s, .uk-text-xxxl\@s{font-size:200%;}

.uk-text-18\@s{font-size:18px;line-height:1.5;}
.uk-text-20\@s{font-size:20px;line-height:1.4;}
.uk-text-24\@s{font-size:24px;line-height:1.3;}
.uk-text-28\@s{font-size:28px;line-height:1.25;}
.uk-text-36\@s{font-size:36px;line-height:1.2;}
}

@media screen and (min-width: 789px){
.uk-title-m\@m { font-size:2rem;}
.uk-font-xsmall\@m, .uk-text-xsmall\@m,.uk-font-xs\@m, .uk-text-xs\@m{font-size:70%;}
.uk-font-small\@m, .uk-text-small\@m,.uk-font-s\@m, .uk-text-s\@m{font-size:80%;}
.uk-font-large\@m, .uk-text-large\@m,.uk-font-l\@m, .uk-text-l\@m{font-size:120%;}
.uk-font-xlarge\@m, .uk-text-xlarge\@m,.uk-font-xl\@m, .uk-text-xl\@m{font-size:140%;}
.uk-font-xlarge\@m, .uk-text-xlarge\@m,.uk-font-xl\@m, .uk-text-xl\@m{font-size:160%;}
.uk-font-xxlarge\@m, .uk-text-xxlarge\@m,.uk-font-xxl\@m, .uk-text-xxl\@m{font-size:160%;}
.uk-font-xxxlarge\@m, .uk-text-xxxlarge\@m,.uk-font-xxxl\@m, .uk-text-xxxl\@m{font-size:200%;}

.uk-text-18\@m{font-size:18px;line-height:1.5;}
.uk-text-20\@m{font-size:20px;line-height:1.4;}
.uk-text-24\@m{font-size:24px;line-height:1.3;}
.uk-text-28\@m{font-size:28px;line-height:1.25;}
.uk-text-36\@m{font-size:36px;line-height:1.2;}

}

/* ========================================================================
   line-height
========================================================================== */
.uk-line-1{line-height:1!important}
.uk-line-1\.2{line-height:1.2!important}
.uk-line-1\.3{line-height:1.3!important}
.uk-line-1\.4{line-height:1.5!important}
.uk-line-1\.5{line-height:1.5!important}
.uk-line-1\.6{line-height:1.6!important}
.uk-line-1\.7{line-height:1.7!important}
.uk-line-1\.8{line-height:1.8!important}


/* ========================================================================
   マーカー
 ========================================================================== */
.uk-marker-blue{
	background: #cceeff;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 50%, #cceeff 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 50%, #cceeff 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.uk-marker-yellow{
	background: #FEF595;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 50%, #FEF595 60%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 50%, #FEF595 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.uk-marker-pink{
	background: #ffe0e0;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 50%, #ffe0e0 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 50%, #ffe0e0 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.uk-marker-green{
	background: #98FB98;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 50%, #98FB98 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 50%, #98FB98 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* ========================================================================
   カラー
========================================================================== */
.uk-color-000 {color: black;}
.uk-color-333 {color: #333;}
.uk-color-666 {color: #666;}
.uk-black {color: black;}
.uk-white {color: white;}
.uk-red {color: red;}
.uk-orange{color: orange;}
.uk-darkorange{color: darkorange;}
.uk-green{color:green;}

/* ========================================================================
   マージン　親コンテナで指定
 ========================================================================== */

.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-5 > * {margin-top: 5px;}
.uk-child-mt-10 > * {margin-top: 10px;}
.uk-child-mt-20 > * {margin-top: 20px;}
.uk-child-mt-30 > * {margin-top: 30px;}
.uk-child-mt-40 > * {margin-top: 40px;}
.uk-child-mt-50 > * {margin-top: 50px;}
.uk-child-mt-60 > * {margin-top: 60px;}
.uk-child-mt-70 > * {margin-top: 70px;}
.uk-child-mt-80 > * {margin-top: 80px;}
.uk-child-mt-none > * {margin-top: 0; }

.uk-child-mb-xs > * {margin-bottom: 10px;}
.uk-child-mb-s > * {margin-bottom: 20px;}
.uk-child-mb-m > * {margin-bottom: 30px;}
.uk-child-mb-l > * {margin-bottom: 40px;}
.uk-child-mb-xl > * {margin-bottom: 50px;}
.uk-child-mb-xxl > * {margin-bottom: 60px;}
.uk-child-mb-5 > * {margin-bottom: 5px;}
.uk-child-mb-10 > * {margin-bottom: 10px;}
.uk-child-mb-15 > * {margin-bottom: 15px;}
.uk-child-mb-20 > * {margin-bottom: 20px;}
.uk-child-mb-25 > * {margin-bottom: 25px;}
.uk-child-mb-30 > * {margin-bottom: 30px;}
.uk-child-mb-40 > * {margin-bottom: 40px;}
.uk-child-mb-50 > * {margin-bottom: 50px;}
.uk-child-mb-60 > * {margin-bottom: 60px;}
.uk-child-mb-70 > * {margin-bottom: 70px;}
.uk-child-mb-80 > * {margin-bottom: 80px;}
.uk-child-mb-none > * {margin-bottom: 0; }

@media screen and (min-width: 541px){
  .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; }
  
  .uk-child-mb-xs > * {margin-bottom: 10px;}
  .uk-child-mb-s > * {margin-bottom: 20px;}
  .uk-child-mb-m > * {margin-bottom: 30px;}
  .uk-child-mb-l > * {margin-bottom: 40px;}
  .uk-child-mb-xl > * {margin-bottom: 50px;}
  .uk-child-mb-xxl > * {margin-bottom: 60px;}
  .uk-child-mb-10\@s > * {margin-bottom: 10px;}
  .uk-child-mb-15\@s > * {margin-bottom: 15px;}
  .uk-child-mb-20\@s > * {margin-bottom: 20px;}
  .uk-child-mb-25\@s > * {margin-bottom: 25px;}
  .uk-child-mb-30\@s > * {margin-bottom: 30px;}
  .uk-child-mb-40\@s > * {margin-bottom: 40px;}
  .uk-child-mb-50\@s > * {margin-bottom: 50px;}
  .uk-child-mb-60\@s > * {margin-bottom: 60px;}
  .uk-child-mb-70\@s > * {margin-bottom: 70px;}
  .uk-child-mb-80\@s > * {margin-bottom: 80px;}
  .uk-child-mb-none\@s > * {margin-bottom: 0; }
}
@media screen and (min-width: 769px){
  .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; }

  .uk-child-mb-xs > * {margin-bottom: 10px;}
  .uk-child-mb-s > * {margin-bottom: 20px;}
  .uk-child-mb-m > * {margin-bottom: 30px;}
  .uk-child-mb-l > * {margin-bottom: 40px;}
  .uk-child-mb-xl > * {margin-bottom: 50px;}
  .uk-child-mb-xxl > * {margin-bottom: 60px;}
  .uk-child-mb-10\@m > * {margin-bottom: 10px;}
  .uk-child-mb-15\@m > * {margin-bottom: 15px;}
  .uk-child-mb-20\@m > * {margin-bottom: 20px;}
  .uk-child-mb-25\@m > * {margin-bottom: 25px;}
  .uk-child-mb-30\@m > * {margin-bottom: 30px;}
  .uk-child-mb-40\@m > * {margin-bottom: 40px;}
  .uk-child-mb-50\@m > * {margin-bottom: 50px;}
  .uk-child-mb-60\@m > * {margin-bottom: 60px;}
  .uk-child-mb-70\@m > * {margin-bottom: 70px;}
  .uk-child-mb-80\@m > * {margin-bottom: 80px;}
  .uk-child-mb-none\@m > * {margin-bottom: 0; }
  
}
@media screen and (min-width: 960px){
  .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\@l > * {margin-top: 10px;}
  .uk-child-mt-20\@l > * {margin-top: 20px;}
  .uk-child-mt-30\@l > * {margin-top: 30px;}
  .uk-child-mt-40\@l > * {margin-top: 40px;}
  .uk-child-mt-50\@l > * {margin-top: 50px;}
  .uk-child-mt-60\@l > * {margin-top: 60px;}
  .uk-child-mt-70\@l > * {margin-top: 70px;}
  .uk-child-mt-80\@l > * {margin-top: 80px;}
  .uk-child-mt-none\@l > * {margin-top: 0; }

  .uk-child-mb-xs > * {margin-bottom: 10px;}
  .uk-child-mb-s > * {margin-bottom: 20px;}
  .uk-child-mb-m > * {margin-bottom: 30px;}
  .uk-child-mb-l > * {margin-bottom: 40px;}
  .uk-child-mb-xl > * {margin-bottom: 50px;}
  .uk-child-mb-xxl > * {margin-bottom: 60px;}
  
  .uk-child-mb-10\@l > * {margin-bottom: 10px;}
  .uk-child-mb-15\@l > * {margin-bottom: 15px;}
  .uk-child-mb-20\@l > * {margin-bottom: 20px;}
  .uk-child-mb-25\@l > * {margin-bottom: 25px;}
  .uk-child-mb-30\@l > * {margin-bottom: 30px;}
  .uk-child-mb-40\@l > * {margin-bottom: 40px;}
  .uk-child-mb-50\@l > * {margin-bottom: 50px;}
  .uk-child-mb-60\@l > * {margin-bottom: 60px;}
  .uk-child-mb-70\@l > * {margin-bottom: 70px;}
  .uk-child-mb-80\@l > * {margin-bottom: 80px;}
  .uk-child-mb-none\@l > * {margin-bottom: 0; }
}

@media only screen and (max-width: 768px){
  
  .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; }

  .uk-child-mb-xs > * {margin-bottom: 10px;}
  .uk-child-mb-s > * {margin-bottom: 20px;}
  .uk-child-mb-m > * {margin-bottom: 30px;}
  .uk-child-mb-l > * {margin-bottom: 40px;}
  .uk-child-mb-xl > * {margin-bottom: 50px;}
  .uk-child-mb-xxl > * {margin-bottom: 60px;}
  
  .uk-child-mb-10\@s\! > * {margin-bottom: 10px;}
  .uk-child-mb-15\@s\! > * {margin-bottom: 15px;}
  .uk-child-mb-20\@s\! > * {margin-bottom: 20px;}
  .uk-child-mb-25\@s\! > * {margin-bottom: 25px;}
  .uk-child-mb-30\@s\! > * {margin-bottom: 30px;}
  .uk-child-mb-40\@s\! > * {margin-bottom: 40px;}
  .uk-child-mb-50\@s\! > * {margin-bottom: 50px;}
  .uk-child-mb-60\@s\! > * {margin-bottom: 60px;}
  .uk-child-mb-70\@s\! > * {margin-bottom: 70px;}
  .uk-child-mb-80\@s\! > * {margin-bottom: 80px;}
  .uk-child-mb-none\@s\! > * {margin-bottom: 0; }
}


@media only screen and (max-width: 540px){
  
  .uk-child-mt-10\@xs\! > * {margin-top: 10px;}
  .uk-child-mt-20\@xs\! > * {margin-top: 20px;}
  .uk-child-mt-30\@xs\! > * {margin-top: 30px;}
  .uk-child-mt-40\@xs\! > * {margin-top: 40px;}
  .uk-child-mt-50\@xs\! > * {margin-top: 50px;}
  .uk-child-mt-60\@xs\! > * {margin-top: 60px;}
  .uk-child-mt-70\@xs\! > * {margin-top: 70px;}
  .uk-child-mt-80\@xs\! > * {margin-top: 80px;}
  .uk-child-mt-none\@xs\! > * {margin-top: 0; }

  .uk-child-mb-xs > * {margin-bottom: 10px;}
  .uk-child-mb-s > * {margin-bottom: 20px;}
  .uk-child-mb-m > * {margin-bottom: 30px;}
  .uk-child-mb-l > * {margin-bottom: 40px;}
  .uk-child-mb-xl > * {margin-bottom: 50px;}
  .uk-child-mb-xxl > * {margin-bottom: 60px;}
  
  .uk-child-mb-10\@xs\! > * {margin-bottom: 10px;}
  .uk-child-mb-15\@xs\! > * {margin-bottom: 15px;}
  .uk-child-mb-20\@xs\! > * {margin-bottom: 20px;}
  .uk-child-mb-25\@xs\! > * {margin-bottom: 25px;}
  .uk-child-mb-30\@xs\! > * {margin-bottom: 30px;}
  .uk-child-mb-40\@xs\! > * {margin-bottom: 40px;}
  .uk-child-mb-50\@xs\! > * {margin-bottom: 50px;}
  .uk-child-mb-60\@xs\! > * {margin-bottom: 60px;}
  .uk-child-mb-70\@xs\! > * {margin-bottom: 70px;}
  .uk-child-mb-80\@xs\! > * {margin-bottom: 80px;}
  .uk-child-mb-none\@xs\! > * {margin-bottom: 0; }
}


/* ========================================================================
   マージン シングル指定
 ========================================================================== */
/* TOP */
.uk-mt-xs {margin-top: 10px;}
.uk-mt-s {margin-top: 10px;}
.uk-mt-m {margin-top: 15px;}
.uk-mt-l {margin-top: 20px;}
.uk-mt-xl {margin-top: 25px;}
.uk-mt-xxl {margin-top: 30px;}
.uk-mt-none {  margin-top: 0}
.uk-mt-10 {margin-top: 10px;}
.uk-mt-20 {margin-top: 20px;}
.uk-mt-30 {margin-top: 30px;}
.uk-mt-40 {margin-top: 40px;}
.uk-mt-50 {margin-top: 50px;}
.uk-mt-60 {margin-top: 60px;}
.uk-mt-70 {margin-top: 70px;}
.uk-mt-80 {margin-top: 80px;}
.uk-mt-none {margin-top: 0; }
/* BOTTOM */
.uk-mb-xs {margin-bottom: 10px;}
.uk-mb-s {margin-bottom: 10px;}
.uk-mb-m {margin-bottom: 15px;}
.uk-mb-l {margin-bottom: 20px;}
.uk-mb-xl {margin-bottom: 25px;}
.uk-mb-xxl {margin-bottom: 30px;}
.uk-mb-none { margin-bottom: 0!important;}
.uk-mb-5 {margin-bottom: 5px;}
.uk-mb-10 {margin-bottom: 10px;}
.uk-mb-15 {margin-bottom: 15px;}
.uk-mb-20 {margin-bottom: 20px;}
.uk-mb-30 {margin-bottom: 30px;}
.uk-mb-40 {margin-bottom: 40px;}
.uk-mb-50 {margin-bottom: 50px;}
.uk-mb-60 {margin-bottom: 60px;}
.uk-mb-70 {margin-bottom: 70px;}
.uk-mb-80 {margin-bottom: 80px;}
.uk-mb-none {margin-bottom: 0!important; }
/* RIGHT */
.uk-mr-xs {margin-right: 10px;}
.uk-mr-s {margin-right: 10px;}
.uk-mr-m {margin-right: 15px;}
.uk-mr-l {margin-right: 20px;}
.uk-mr-xl {margin-right: 25px;}
.uk-mr-5 {margin-right: 5px;}
.uk-mr-10 {margin-right: 10px;}
.uk-mr-15 {margin-right: 15px;}
.uk-mr-20 {margin-right: 20px;}
.uk-mr-25 {margin-right: 25px;}
.uk-mr-30 {margin-right: 30px;}
.uk-mr-40 {margin-right: 40px;}
.uk-mr-none {margin-right: 0!important; }
/* LEFT*/
.uk-ml-xs {margin-left: 10px;}
.uk-ml-s {margin-left: 10px;}
.uk-ml-m {margin-left: 15px;}
.uk-ml-l {margin-left: 20px;}
.uk-ml-xl {margin-left: 25px;}
.uk-ml-5 {margin-left: 5px;}
.uk-ml-10 {margin-left: 10px;}
.uk-ml-15 {margin-left: 15px;}
.uk-ml-20 {margin-left: 20px;}
.uk-ml-25 {margin-left: 25px;}
.uk-ml-30 {margin-left: 30px;}
.uk-ml-40 {margin-left: 40px;}
.uk-ml-none {margin-left: 0!important; }

@media screen and (min-width: 541px){
  .uk-mt-xs {margin-top: 10px;}
  .uk-mt-s {margin-top: 15px;}
  .uk-mt-m {margin-top: 20px;}
  .uk-mt-l {margin-top: 25px;}
  .uk-mt-xl {margin-top: 30px;}
  .uk-mt-xxl {margin-top: 40px;}
  .uk-mt-10\@s {margin-top: 10px;}
  .uk-mt-20\@s {margin-top: 20px;}
  .uk-mt-30\@s {margin-top: 30px;}
  .uk-mt-40\@s {margin-top: 40px;}
  .uk-mt-50\@s {margin-top: 50px;}
  .uk-mt-60\@s {margin-top: 60px;}
  .uk-mt-70\@s {margin-top: 70px;}
  .uk-mt-80\@s {margin-top: 80px;}
  .uk-mt-none\@s {margin-top: 0; }
  
  .uk-mb-xs {margin-bottom: 10px;}
  .uk-mb-s {margin-bottom: 20px;}
  .uk-mb-m {margin-bottom: 30px;}
  .uk-mb-l {margin-bottom: 40px;}
  .uk-mb-xl {margin-bottom: 50px;}
  .uk-mb-xxl {margin-bottom: 60px;}
  .uk-mb-10\@s {margin-bottom: 10px;}
  .uk-mb-15\@s {margin-bottom: 15px;}
  .uk-mb-20\@s {margin-bottom: 20px;}
  .uk-mb-30\@s {margin-bottom: 30px;}
  .uk-mb-40\@s {margin-bottom: 40px;}
  .uk-mb-50\@s {margin-bottom: 50px;}
  .uk-mb-60\@s {margin-bottom: 60px;}
  .uk-mb-70\@s {margin-bottom: 70px;}
  .uk-mb-80\@s {margin-bottom: 80px;}
  .uk-mb-none\@s {margin-bottom: 0!important; }
  
  .uk-mr-xs {margin-right: 10px;}
  .uk-mr-s {margin-right: 15px;}
  .uk-mr-m {margin-right: 20px;}
  .uk-mr-l {margin-right: 30px;}
  .uk-mr-xl {margin-right: 40px;}
  .uk-mr-10\@s {margin-right: 10px;}
  .uk-mr-15\@s {margin-right: 15px;}
  .uk-mr-20\@s {margin-right: 20px;}
  .uk-mr-25\@s {margin-right: 25px;}
  .uk-mr-30\@s {margin-right: 30px;}
  .uk-mr-40\@s {margin-right: 40px;}
  .uk-mr-none\@s {margin-right: 0!important; }

  .uk-ml-xs {margin-left: 10px;}
  .uk-ml-s {margin-left: 15px;}
  .uk-ml-m {margin-left: 20px;}
  .uk-ml-l {margin-left: 30px;}
  .uk-ml-xl {margin-left: 40px;}
  .uk-ml-10\@s {margin-left: 10px;}
  .uk-ml-15\@s {margin-left: 15px;}
  .uk-ml-20\@s {margin-left: 20px;}
  .uk-ml-25\@s {margin-left: 25px;}
  .uk-ml-30\@s {margin-left: 30px;}
  .uk-ml-40\@s {margin-left: 40px;}
  .uk-ml-none\@s {margin-left: 0!important; }
  
}
@media screen and (min-width: 769px){
  .uk-mt-xs {margin-top: 10px;}
  .uk-mt-s {margin-top: 15px;}
  .uk-mt-m {margin-top: 25px;}
  .uk-mt-l {margin-top: 30px;}
  .uk-mt-xl {margin-top: 40px;}
  .uk-mt-xxl {margin-top: 50px;}
  .uk-mt-10\@m {margin-top: 10px;}
  .uk-mt-20\@m {margin-top: 20px;}
  .uk-mt-30\@m {margin-top: 30px;}
  .uk-mt-40\@m {margin-top: 40px;}
  .uk-mt-50\@m {margin-top: 50px;}
  .uk-mt-60\@m {margin-top: 60px;}
  .uk-mt-70\@m {margin-top: 70px;}
  .uk-mt-80\@m {margin-top: 80px;}
  .uk-mt-none\@m {margin-top: 0; }
  
  .uk-mb-10\@m {margin-bottom: 10px;}
  .uk-mb-15\@m {margin-bottom: 15px;}
  .uk-mb-20\@m {margin-bottom: 20px;}
  .uk-mb-30\@m {margin-bottom: 30px;}
  .uk-mb-40\@m {margin-bottom: 40px;}
  .uk-mb-50\@m {margin-bottom: 50px;}
  .uk-mb-60\@m {margin-bottom: 60px;}
  .uk-mb-70\@m {margin-bottom: 70px;}
  .uk-mb-80\@m {margin-bottom: 80px;}
  .uk-mb-none\@m {margin-bottom: 0!important; }
  
  .uk-mr-xs {margin-right: 10px;}
  .uk-mr-s {margin-right: 15px;}
  .uk-mr-m {margin-right: 20px;}
  .uk-mr-l {margin-right: 30px;}
  .uk-mr-xl {margin-right: 40px;}
  .uk-mr-10\@m {margin-right: 10px;}
  .uk-mr-15\@m {margin-right: 15px;}
  .uk-mr-20\@m {margin-right: 20px;}
  .uk-mr-25\@m {margin-right: 25px;}
  .uk-mr-30\@m {margin-right: 30px;}
  .uk-mr-40\@m {margin-right: 40px;}
  .uk-mr-none\@m {margin-right: 0!important; }
  
  .uk-ml-xs {margin-left: 10px;}
  .uk-ml-s {margin-left: 15px;}
  .uk-ml-m {margin-left: 20px;}
  .uk-ml-l {margin-left: 30px;}
  .uk-ml-xl {margin-left: 40px;}
  .uk-ml-10\@m {margin-left: 10px;}
  .uk-ml-15\@m {margin-left: 15px;}
  .uk-ml-20\@m {margin-left: 20px;}
  .uk-ml-25\@m {margin-left: 25px;}
  .uk-ml-30\@m {margin-left: 30px;}
  .uk-ml-40\@m {margin-left: 40px;}
  .uk-ml-none\@m {margin-left: 0!important; }
}
@media screen and (min-width: 960px){
  .uk-mt-xs {margin-top: 10px;}
  .uk-mt-s {margin-top: 20px;}
  .uk-mt-m {margin-top: 30px;}
  .uk-mt-l {margin-top: 40px;}
  .uk-mt-xl {margin-top: 50px;}
  .uk-mt-xxl {margin-top: 60px;}
  .uk-mt-10\@l {margin-top: 10px;}
  .uk-mt-20\@l {margin-top: 20px;}
  .uk-mt-30\@l {margin-top: 30px;}
  .uk-mt-40\@l {margin-top: 40px;}
  .uk-mt-50\@l {margin-top: 50px;}
  .uk-mt-60\@l {margin-top: 60px;}
  .uk-mt-70\@l {margin-top: 70px;}
  .uk-mt-80\@l {margin-top: 80px;}
  .uk-mt-none\@l {margin-top: 0; }
  
  .uk-mb-10\@l {margin-bottom: 10px;}
  .uk-mb-20\@l {margin-bottom: 20px;}
  .uk-mb-30\@l {margin-bottom: 30px;}
  .uk-mb-40\@l {margin-bottom: 40px;}
  .uk-mb-50\@l {margin-bottom: 50px;}
  .uk-mb-60\@l {margin-bottom: 60px;}
  .uk-mb-70\@l {margin-bottom: 70px;}
  .uk-mb-80\@l {margin-bottom: 80px;}
  .uk-mb-none\@l {margin-bottom: 0!important; }
  
  .uk-mr-10\@l {margin-right: 10px;}
  .uk-mr-20\@l {margin-right: 20px;}
  .uk-mr-25\@l {margin-right: 25px;}
  .uk-mr-30\@l {margin-right: 30px;}
  .uk-mr-40\@l {margin-right: 40px;}
  .uk-mr-none\@l {margin-right: 0!important; }
  
  .uk-ml-10\@l {margin-left: 10px;}
  .uk-ml-20\@l {margin-left: 20px;}
  .uk-ml-25\@l {margin-left: 25px;}
  .uk-ml-30\@l {margin-left: 30px;}
  .uk-ml-40\@l {margin-left: 40px;}
  .uk-ml-none\@l {margin-left: 0!important; }
}


/* PC First */
@media screen and (max-width: 768px){

  .uk-mb-10\@s\! {margin-bottom: 10px;}
  .uk-mb-15\@s\! {margin-bottom: 15px;}
  .uk-mb-20\@s\! {margin-bottom: 20px;}
  .uk-mb-30\@s\! {margin-bottom: 30px;}
  .uk-mb-40\@s\! {margin-bottom: 40px;}
  .uk-mb-50\@s\! {margin-bottom: 50px;}
  .uk-mb-60\@s\! {margin-bottom: 60px;}
  .uk-mb-70\@s\! {margin-bottom: 70px;}
  .uk-mb-80\@s\! {margin-bottom: 80px;}
  .uk-mb-none\@s\! {margin-bottom: 0!important; }
  
  .uk-mr-10\@s\! {margin-right: 10px;}
  .uk-mr-15\@s\! {margin-right: 15px;}
  .uk-mr-25\@s\! {margin-right: 25px;}
  .uk-mr-20\@s\! {margin-right: 20px;}
  .uk-mr-30\@s\! {margin-right: 30px;}
  .uk-mr-40\@s\! {margin-right: 40px;}
  .uk-mr-none\@s\! {margin-right: 0!important;}
  
  .uk-ml-10\@s\! {margin-left: 10px;}
  .uk-ml-15\@s\! {margin-left: 15px;}
  .uk-ml-25\@s\! {margin-left: 25px;}
  .uk-ml-20\@s\! {margin-left: 20px;}
  .uk-ml-30\@s\! {margin-left: 30px;}
  .uk-ml-40\@s\! {margin-left: 40px;}
  .uk-ml-none\@s\! {margin-left: 0!important;}
}

@media screen and (max-width: 540px){
  .uk-mb-10\@xs\! {margin-bottom: 10px;}
  .uk-mb-15\@xs\! {margin-bottom: 15px;}
  .uk-mb-20\@xs\! {margin-bottom: 20px;}
  .uk-mb-30\@xs\! {margin-bottom: 30px;}
  .uk-mb-40\@xs\! {margin-bottom: 40px;}
  .uk-mb-50\@xs\! {margin-bottom: 50px;}
  .uk-mb-60\@xs\! {margin-bottom: 60px;}
  .uk-mb-70\@xs\! {margin-bottom: 70px;}
  .uk-mb-80\@xs\! {margin-bottom: 80px;}
  .uk-mb-none\@xs\! {margin-bottom: 0!important; }
  
  .uk-mr-10\@xs\! {margin-right: 10px;}
  .uk-mr-15\@xs\! {margin-right: 15px;}
  .uk-mr-20\@xs\! {margin-right: 20px;}
  .uk-mr-25\@xs\! {margin-right: 25px;}
  .uk-mr-30\@xs\! {margin-right: 30px;}
  .uk-mr-40\@xs\! {margin-right: 40px;}
  .uk-mr-none\@xs\! {margin-right: 0!important; }
  
  .uk-ml-10\@xs\! {margin-left: 10px;}
  .uk-ml-15\@xs\! {margin-left: 15px;}
  .uk-ml-20\@xs\! {margin-left: 20px;}
  .uk-ml-25\@xs\! {margin-left: 25px;}
  .uk-ml-30\@xs\! {margin-left: 30px;}
  .uk-ml-40\@xs\! {margin-left: 40px;}
  .uk-ml-none\@xs\! {margin-left: 0!important; }
}

/* ========================================================================
   
 ========================================================================== */
@media screen and (min-width: 541px){
}
@media screen and (min-width: 769px){
}
@media screen and (min-width: 960px){
}
@media only screen and (max-width: 768px){
}
@media only screen and (max-width: 540px){
}

/* ========================================================================
   パディング
 ========================================================================== */
.uk-padding{padding:5px}
.uk-padding-xs{ padding: 10px; }
.uk-padding-s { padding: 15px; }
.uk-padding-m { padding: 20px; }
.uk-padding-l { padding: 40px; }
.uk-padding-xl { padding: 50px; }
.uk-padding-xxl { padding: 60px; }
.uk-padding-5{ padding: 5px; }
.uk-padding-10{ padding: 10px; }
.uk-padding-15{ padding: 15px; }
.uk-padding-20 { padding: 20px; }
.uk-padding-25 { padding: 25px; }
.uk-padding-30 { padding: 30px; }
.uk-padding-40 { padding: 40px; }
.uk-padding-50 { padding: 50px; }
.uk-padding-60 { padding: 60px; }
.uk-padding-70 { padding: 70px; }
.uk-padding-80 { padding: 80px; }
.uk-padding-none { padding: 0!important; }
/* 上下 */
.uk-vpadding-xs{ padding-top: 10px; padding-bottom: 10px; }
.uk-vpadding-s { padding-top: 20px; padding-bottom: 20px; }
.uk-vpadding-m { padding-top: 30px; padding-bottom: 30px; }
.uk-vpadding-l { padding-top: 40px; padding-bottom: 40px; }
.uk-vpadding-xl { padding-top: 50px; padding-bottom: 50px; }
.uk-vpadding-xxl { padding-top: 60px; padding-bottom: 60px; }
.uk-vpadding-10{ padding-top: 10px; padding-bottom: 10px; }
.uk-vpadding-15{ padding-top: 15px; padding-bottom: 15px; }
.uk-vpadding-20 { padding-top: 20px; padding-bottom: 20px; }
.uk-vpadding-30 { padding-top: 30px; padding-bottom: 30px; }
.uk-vpadding-40 { padding-top: 40px; padding-bottom: 40px; }
.uk-vpadding-50 { padding-top: 50px; padding-bottom: 50px; }
.uk-vpadding-60 { padding-top: 60px; padding-bottom: 60px; }
.uk-vpadding-70 { padding-top: 70px; padding-bottom: 70px; }
.uk-vpadding-80 { padding-top: 80px; padding-bottom: 80px; }
.uk-vpadding-none { padding-top: 0; padding-bottom: 0;}
/* 左右 */
.uk-hpadding-xs{ padding-left: 10px; padding-right: 10px; }
.uk-hpadding-s { padding-left: 20px; padding-right: 20px; }
.uk-hpadding-m { padding-left: 30px; padding-right: 30px; }
.uk-hpadding-l { padding-left: 40px; padding-right: 40px; }
.uk-hpadding-xl { padding-left: 50px; padding-right: 50px; }
.uk-hpadding-xxl { padding-left: 60px; padding-right: 60px; }
.uk-hpadding-10{ padding-left: 10px!important; padding-right: 10px!important; }
.uk-hpadding-15{ padding-left: 15px; padding-right: 15px; }
.uk-hpadding-20 { padding-left: 20px; padding-right: 20px; }
.uk-hpadding-30 { padding-left: 30px; padding-right: 30px; }
.uk-hpadding-40 { padding-left: 40px; padding-right: 40px; }
.uk-hpadding-50 { padding-left: 50px; padding-right: 50px; }
.uk-hpadding-60 { padding-left: 60px; padding-right: 60px; }
.uk-hpadding-70 { padding-left: 70px; padding-right: 70px; }
.uk-hpadding-80 { padding-left: 80px; padding-right: 80px; }
.uk-hpadding-none { padding-left: 0; padding-right: 0; }


@media screen and (min-width: 541px){
  .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!important; }
  
  .uk-vpadding-10\@s { padding-top: 10px; padding-bottom: 10px;  }
  .uk-vpadding-15\@s { padding-top: 15px; padding-bottom: 15px;  }
  .uk-vpadding-20\@s { padding-top: 20px; padding-bottom: 20px;  }
  .uk-vpadding-30\@s { padding-top: 30px; padding-bottom: 30px;  }
  .uk-vpadding-40\@s { padding-top: 40px; padding-bottom: 40px;  }
  .uk-vpadding-50\@s { padding-top: 50px; padding-bottom: 50px;  }
  .uk-vpadding-60\@s { padding-top: 60px; padding-bottom: 60px;  }
  .uk-vpadding-70\@s { padding-top: 70px; padding-bottom: 70px;  }
  .uk-vpadding-80\@s { padding-top: 80px; padding-bottom: 80px;  }
  .uk-vpadding-none\@s { padding-top: 0; padding-bottom: 0; }
  
  .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 (min-width: 769px){
  .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!important; }
  
  .uk-vpadding-10\@m { padding-top: 10px; padding-bottom: 10px;  }
  .uk-vpadding-15\@m { padding-top: 15px; padding-bottom: 15px;  }
  .uk-vpadding-20\@m { padding-top: 20px; padding-bottom: 20px;  }
  .uk-vpadding-30\@m { padding-top: 30px; padding-bottom: 30px;  }
  .uk-vpadding-40\@m { padding-top: 40px; padding-bottom: 40px;  }
  .uk-vpadding-50\@m { padding-top: 50px; padding-bottom: 50px;  }
  .uk-vpadding-60\@m { padding-top: 60px; padding-bottom: 60px;  }
  .uk-vpadding-70\@m { padding-top: 70px; padding-bottom: 70px;  }
  .uk-vpadding-80\@m { padding-top: 80px; padding-bottom: 80px;  }
  .uk-vpadding-none\@m { padding-top: 0; padding-bottom: 0; }
  
  .uk-hpadding-10\@m { padding-left: 10px; padding-right: 10px;  }
  .uk-hpadding-15\@m { padding-left: 15px; padding-right: 15px;  }
  .uk-hpadding-20\@m { padding-left: 20px; padding-right: 20px;  }
  .uk-hpadding-30\@m { padding-left: 30px; padding-right: 30px;  }
  .uk-hpadding-40\@m { padding-left: 40px; padding-right: 40px;  }
  .uk-hpadding-50\@m { padding-left: 50px; padding-right: 50px;  }
  .uk-hpadding-60\@m { padding-left: 60px; padding-right: 60px;  }
  .uk-hpadding-70\@m { padding-left: 70px; padding-right: 70px;  }
  .uk-hpadding-80\@m { padding-left: 80px; padding-right: 80px;  }
  .uk-hpadding-none\@m { padding-left: 0; padding-right: 0; }
}
@media screen and (min-width: 960px){
  .uk-padding{padding:30px}
  .uk-padding-5\@l { padding: 5px; }
  .uk-padding-10\@l { padding: 10px; }
  .uk-padding-15\@l { padding: 15px; }
  .uk-padding-20\@l { padding: 20px; }
  .uk-padding-25\@l { padding: 25px; }
  .uk-padding-30\@l { padding: 30px; }
  .uk-padding-40\@l { padding: 40px; }
  .uk-padding-50\@l { padding: 50px; }
  .uk-padding-60\@l { padding: 60px; }
  .uk-padding-70\@l { padding: 70px; }
  .uk-padding-80\@l { padding: 80px; }
  .uk-padding-none\@l { padding: 0!important;} 
  
  .uk-vpadding-10\@l { padding-top: 10px; padding-bottom: 10px;  }
  .uk-vpadding-15\@l { padding-top: 15px; padding-bottom: 15px;  }
  .uk-vpadding-20\@l { padding-top: 20px; padding-bottom: 20px;  }
  .uk-vpadding-30\@l { padding-top: 30px; padding-bottom: 30px;  }
  .uk-vpadding-40\@l { padding-top: 40px; padding-bottom: 40px;  }
  .uk-vpadding-50\@l { padding-top: 50px; padding-bottom: 50px;  }
  .uk-vpadding-60\@l { padding-top: 60px; padding-bottom: 60px;  }
  .uk-vpadding-70\@l { padding-top: 70px; padding-bottom: 70px;  }
  .uk-vpadding-80\@l { padding-top: 80px; padding-bottom: 80px;  }
  .uk-vpadding-none\@l { padding-top: 0; padding-bottom: 0; } 
  
  .uk-hpadding-10\@l { padding-left: 10px; padding-right: 10px;  }
  .uk-hpadding-15\@l { padding-left: 15px; padding-right: 15px;  }
  .uk-hpadding-20\@l { padding-left: 20px; padding-right: 20px;  }
  .uk-hpadding-30\@l { padding-left: 30px; padding-right: 30px;  }
  .uk-hpadding-40\@l { padding-left: 40px; padding-right: 40px;  }
  .uk-hpadding-50\@l { padding-left: 50px; padding-right: 50px;  }
  .uk-hpadding-60\@l { padding-left: 60px; padding-right: 60px;  }
  .uk-hpadding-70\@l { padding-left: 70px; padding-right: 70px;  }
  .uk-hpadding-80\@l { padding-left: 80px; padding-right: 80px;  }
  .uk-hpadding-none\@l { padding-left: 0; padding-right: 0; }  
}

@media screen and (max-width: 768px){
  .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-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!important; }
  
  .uk-vpadding-10\@s\! { padding-top: 10px; padding-bottom: 10px;  }
  .uk-vpadding-15\@s\! { padding-top: 15px; padding-bottom: 15px;  }
  .uk-vpadding-20\@s\! { padding-top: 20px; padding-bottom: 20px;  }
  .uk-vpadding-30\@s\! { padding-top: 30px; padding-bottom: 30px;  }
  .uk-vpadding-40\@s\! { padding-top: 40px; padding-bottom: 40px;  }
  .uk-vpadding-50\@s\! { padding-top: 50px; padding-bottom: 50px;  }
  .uk-vpadding-60\@s\! { padding-top: 60px; padding-bottom: 60px;  }
  .uk-vpadding-70\@s\! { padding-top: 70px; padding-bottom: 70px;  }
  .uk-vpadding-80\@s\! { padding-top: 80px; padding-bottom: 80px;  }
  .uk-vpadding-none\@s\! { padding-top: 0; padding-bottom: 0; }
  
  .uk-hpadding-10\@s\! { padding-left: 10px!important; padding-right: 10px!important;  }
  .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: 540px){
  
  .uk-padding-5\@xs\! { padding: 5px; }
  .uk-padding-10\@xs\! { padding: 10px; }
  .uk-padding-15\@xs\! { padding: 15px; }
  .uk-padding-20\@xs\! { padding: 20px; }
  .uk-padding-30\@xs\! { padding: 30px; }
  .uk-padding-40\@xs\! { padding: 40px; }
  .uk-padding-50\@xs\! { padding: 50px; }
  .uk-padding-60\@xs\! { padding: 60px; }
  .uk-padding-70\@xs\! { padding: 70px; }
  .uk-padding-80\@xs\! { padding: 80px; }
  .uk-padding-none\@xs\! { padding: 0!important; }
  
  .uk-vpadding-10\@xs\! { padding-top: 10px!important; padding-bottom: 10px!important;  }
  .uk-vpadding-15\@xs\! { padding-top: 15px; padding-bottom: 15px;  }
  .uk-vpadding-20\@xs\! { padding-top: 20px; padding-bottom: 20px;  }
  .uk-vpadding-30\@xs\! { padding-top: 30px; padding-bottom: 30px;  }
  .uk-vpadding-40\@xs\! { padding-top: 40px; padding-bottom: 40px;  }
  .uk-vpadding-50\@xs\! { padding-top: 50px; padding-bottom: 50px;  }
  .uk-vpadding-60\@xs\! { padding-top: 60px; padding-bottom: 60px;  }
  .uk-vpadding-70\@xs\! { padding-top: 70px; padding-bottom: 70px;  }
  .uk-vpadding-80\@xs\! { padding-top: 80px; padding-bottom: 80px;  }
  .uk-vpadding-none\@xs\! { padding-top: 0; padding-bottom: 0; }
  
  .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; }
}
/* ========================================================================
   上部のみPADDING
 ========================================================================== */
@media (min-width: 541px){
  .uk-padding-top-10\@s{ padding-top: 10px;}
  .uk-padding-top-20\@s{ padding-top: 20px;}
  .uk-padding-top-30\@s{ padding-top: 30px;}
  .uk-padding-top-40\@s{ padding-top: 40px;}
  .uk-padding-top-40\@s{ padding-top: 40px;}
  .uk-padding-top-50\@s{ padding-top: 50px;}
  .uk-padding-top-60\@s{ padding-top: 60px;}
  .uk-padding-top-70\@s{ padding-top: 70px;}
  .uk-padding-top-80\@s{ padding-top: 80px;}
}
@media (min-width: 769px){
  .uk-padding-top-10\@m{ padding-top: 10px;}
  .uk-padding-top-20\@m{ padding-top: 20px;}
  .uk-padding-top-30\@m{ padding-top: 30px;}
  .uk-padding-top-40\@m{ padding-top: 40px;}
  .uk-padding-top-40\@m{ padding-top: 40px;}
  .uk-padding-top-50\@m{ padding-top: 50px;}
  .uk-padding-top-60\@m{ padding-top: 60px;}
  .uk-padding-top-70\@m{ padding-top: 70px;}
  .uk-padding-top-80\@m{ padding-top: 80px;}
}


/* ========================================================================
   新型 レスポンシブ Margin&Padding
 ========================================================================== */
.uk-pad-5\@v { padding: 5px; }[class*="uk-aspect"].uk-pad-5-v >*, .uk-pad-absolute-5-v > * { top: 5px!important; bottom: 5px!important; left: 5px!important; right: 5px!important; }
.uk-pad-8\@v { padding: 8px; }[class*="uk-aspect"].uk-pad-8-v >*, .uk-pad-absolute-8-v > * { top: 8px!important; bottom: 8px!important; left: 8px!important; right: 8px!important; }
.uk-pad-10\@v { padding: 10px; } [class*="uk-aspect"].uk-pad-10-v >*, .uk-pad-absolute-10-v > * { top: 10px!important; bottom: 10px!important; left: 10px!important; right: 10px!important; }
.uk-pad-15\@v { padding: 15px; } [class*="uk-aspect"].uk-pad-15-v >*, .uk-pad-absolute-15-v > * { top: 15px!important; bottom: 15px!important; left: 15px!important; right: 15px!important; }
.uk-pad-20\@v { padding: 20px; } [class*="uk-aspect"].uk-pad-20-v >*, .uk-pad-absolute-20-v > * { top: 20px!important; bottom: 20px!important; left: 20px!important; right: 20px!important; }
@media (max-width: 768px){
  .uk-pad-5\@v { padding: calc(5px - ((50px - 5vw) / 18)); }
  .uk-mg-absolute-5, .uk-pad-absolute-5-v >* { 
    top: calc(5px - ((50px - 5vw) / 18))!important; bottom: calc(5px - ((50px - 5vw) / 18))!important; 
    left: calc(5px - ((50px - 5vw) / 18))!important; right: calc(5px - ((50px - 5vw) / 18))!important; }
  .uk-pad-8\@v { padding: calc(8px - ((100px - 8vw) / 18)); }
  .uk-mg-absolute-8, .uk-pad-absolute-8-v >* { 
    top: calc(8px - ((100px - 8vw) / 18))!important; bottom: calc(8px - ((100px - 8vw) / 18))!important; 
    left: calc(8px - ((100px - 8vw) / 18))!important; right: calc(8px - ((100px - 8vw) / 18))!important; }
  .uk-pad-10\@v { padding: calc(10px - ((100px - 10vw) / 18));}
  .uk-mg-absolute-10, .uk-pad-absolute-10-v >* { 
    top: calc(10px - ((100px - 10vw) / 18))!important; bottom: calc(10px - ((100px - 10vw) / 18))!important; 
    left: calc(10px - ((100px - 10vw) / 18))!important; right: calc(10px - ((100px - 10vw) / 18))!important; }
  .uk-pad-15\@v { padding: calc(15px - ((150px - 15vw) / 18)); }
  .uk-mg-absolute-15, .uk-pad-absolute-15-v >* { 
    top: calc(15px - ((150px - 15vw) / 18))!important; bottom: calc(15px - ((150px - 15vw) / 18))!important; 
    left: calc(15px - ((150px - 15vw) / 18))!important; right: calc(15px - ((150px - 15vw) / 18))!important; }
  .uk-pad-20\@v { padding: calc(20px - ((200px - 20vw) / 18)); }
  .uk-mg-absolute-20, .uk-pad-absolute-20-v >* { 
    top: calc(20px - ((200px - 20vw) / 18))!important; bottom: calc(20px - ((200px - 20vw) / 18))!important;
    left: calc(20px - ((200px - 20vw) / 18))!important; right: calc(20px - ((200px - 20vw) / 18))!important; }
}
.uk-pad-vertical-5\@v { padding-top: 5px; padding-bottom: 5px }.uk-pad-side-5\@v { padding-left: 5px; padding-right: 5px }
.uk-pad-vertical-8\@v { padding-top: 8px; padding-bottom: 8px }.uk-pad-side-8\@v { padding-left: 8px; padding-right: 8px }
.uk-pad-vertical-10\@v { padding-top: 10px; padding-bottom: 10px }.uk-pad-side-10\@v { padding-left: 10px; padding-right: 10px }
.uk-pad-vertical-15\@v { padding-top: 15px; padding-bottom: 15px }.uk-pad-side-15\@v { padding-left: 15px; padding-right: 15px }
.uk-pad-vertical-20\@v { padding-top: 20px; padding-bottom: 20px }.uk-pad-side-20\@v { padding-left: 20px; padding-right: 20px }
.uk-pad-vertical-30\@v { padding-top: 30px; padding-bottom: 30px }.uk-pad-side-30\@v { padding-left: 30px; padding-right: 30px }
.uk-pad-vertical-25\@v { padding-top: 25px; padding-bottom: 25px }.uk-pad-side-25\@v { padding-left: 25px; padding-right: 25px }
.uk-pad-vertical-35\@v { padding-top: 35px; padding-bottom: 35px }.uk-pad-side-35\@v { padding-left: 35px; padding-right: 35px }
.uk-pad-vertical-40\@v { padding-top: 40px; padding-bottom: 40px }.uk-pad-side-40\@v { padding-left: 40px; padding-right: 40px }
.uk-pad-vertical-45\@v { padding-top: 45px; padding-bottom: 45px }.uk-pad-side-45\@v { padding-left: 45px; padding-right: 45px }
.uk-pad-vertical-50\@v { padding-top: 50px; padding-bottom: 50px }.uk-pad-side-50\@v { padding-left: 50px; padding-right: 50px }
.uk-pad-vertical-60\@v { padding-top: 60px; padding-bottom: 60px }.uk-pad-side-60\@v { padding-left: 60px; padding-right: 60px }
.uk-pad-vertical-70\@v { padding-top: 70px; padding-bottom: 70px }.uk-pad-side-70\@v { padding-left: 70px; padding-right: 70px }
.uk-pad-vertical-80\@v { padding-top: 80px; padding-bottom: 80px }.uk-pad-side-80\@v { padding-left: 80px; padding-right: 80px }
@media (max-width: 768px){
  .uk-pad-vertical-5\@v { padding-top: calc(5px - ((50px - 5vw) / 18)); padding-bottom: calc(5px - ((50px - 5vw) / 18)) }
  .uk-pad-side-5\@v { padding-left: calc(5px - ((50px - 5vw) / 18)); padding-right: calc(5px - ((50px - 5vw) / 18)) }
  .uk-pad-vertical-8\@v { padding-top: calc(8px - ((80px - 8vw) / 18)); padding-bottom: calc(8px - ((80px - 8vw) / 18)) }
  .uk-pad-side-8\@v { padding-left: calc(8px - ((80px - 8vw) / 18)); padding-right: calc(8px - ((80px - 8vw) / 18)) }
  .uk-pad-vertical-10\@v { padding-top: calc(10px - ((100px - 10vw) / 18)); padding-bottom: calc(10px - ((100px - 10vw) / 18)) }
  .uk-pad-side-10\@v { padding-left: calc(10px - ((100px - 10vw) / 18)); padding-right: calc(10px - ((100px - 10vw) / 18)) }
  .uk-pad-vertical-15\@v { padding-top: calc(15px - ((150px - 15vw) / 18)); padding-bottom: calc(15px - ((150px - 15vw) / 18)) }
  .uk-pad-side-15\@v { padding-left: calc(15px - ((150px - 15vw) / 18)); padding-right: calc(15px - ((150px - 15vw) / 18)) }
  .uk-pad-vertical-20\@v { padding-top: calc(20px - ((200px - 20vw) / 18)); padding-bottom: calc(20px - ((200px - 20vw) / 18)) }
  .uk-pad-side-20\@v { padding-left: calc(20px - ((200px - 20vw) / 18)); padding-right: calc(20px - ((200px - 20vw) / 18)) }
  .uk-pad-vertical-25\@v { padding-top: calc(25px - ((250px - 25vw) / 18)); padding-bottom: calc(25px - ((250px - 25vw) / 18)) }
  .uk-pad-side-25\@v { padding-left: calc(25px - ((250px - 25vw) / 18)); padding-right: calc(25px - ((250px - 25vw) / 18)) }
  .uk-pad-vertical-30\@v { padding-top: calc(30px - ((300px - 30vw) / 18)); padding-bottom: calc(30px - ((300px - 30vw) / 18)) }
  .uk-pad-side-30\@v { padding-left: calc(30px - ((300px - 30vw) / 18)); padding-right: calc(30px - ((300px - 30vw) / 18)) }
  .uk-pad-vertical-35\@v { padding-top: calc(35px - ((350px - 35vw) / 18)); padding-bottom: calc(35px - ((350px - 35vw) / 18)) }
  .uk-pad-side-35\@v { padding-left: calc(35px - ((350px - 35vw) / 18)); padding-right: calc(35px - ((350px - 35vw) / 18)) }
  .uk-pad-vertical-40\@v { padding-top: calc(40px - ((400px - 40vw) / 18)); padding-bottom: calc(40px - ((400px - 40vw) / 18)) }
  .uk-pad-side-40\@v { padding-left: calc(40px - ((400px - 40vw) / 18)); padding-right: calc(40px - ((400px - 40vw) / 18)) }
  .uk-pad-vertical-45\@v { padding-top: calc(45px - ((450px - 45vw) / 18)); padding-bottom: calc(45px - ((450px - 45vw) / 18)) }
  .uk-pad-side-45\@v { padding-left: calc(45px - ((450px - 45vw) / 18)); padding-right: calc(45px - ((450px - 45vw) / 18)) }
  .uk-pad-vertical-50\@v { padding-top: calc(50px - ((500px - 50vw) / 18)); padding-bottom: calc(50px - ((500px - 50vw) / 18)) }
  .uk-pad-side-50\@v { padding-left: calc(50px - ((500px - 50vw) / 18)); padding-right: calc(50px - ((500px - 50vw) / 18)) }
  .uk-pad-vertical-55\@v { padding-top: calc(55px - ((550px - 55vw) / 18)); padding-bottom: calc(55px - ((550px - 55vw) / 18)) }
  .uk-pad-side-55\@v { padding-left: calc(55px - ((550px - 55vw) / 18)); padding-right: calc(55px - ((550px - 55vw) / 18)) }
  .uk-pad-vertical-60\@v { padding-top: calc(60px - ((600px - 60vw) / 18)); padding-bottom: calc(60px - ((600px - 60vw) / 18)) }
  .uk-pad-side-60\@v { padding-left: calc(60px - ((600px - 60vw) / 18)); padding-right: calc(60px - ((600px - 60vw) / 18)) }
  .uk-pad-vertical-70\@v { padding-top: calc(70px - ((700px - 70vw) / 18)); padding-bottom: calc(70px - ((700px - 70vw) / 18)) }
  .uk-pad-side-70\@v { padding-left: calc(70px - ((700px - 70vw) / 18)); padding-right: calc(70px - ((700px - 70vw) / 18)) }
  .uk-pad-vertical-80\@v { padding-top: calc(80px - ((800px - 80vw) / 18)); padding-bottom: calc(80px - ((800px - 80vw) / 18)) }
  .uk-pad-side-80\@v { padding-left: calc(80px - ((800px - 80vw) / 18)); padding-right: calc(80px - ((800px - 80vw) / 18)) }
}

.uk-mt-5\@v { margin-top: 5px }.uk-mb-5\@v { margin-bottom: 5px }.uk-ml-5\@v { margin-left: 5px }.uk-mr-5\@v { margin-right: 5px }
.uk-pad-top-5\@v { padding-top: 5px }.uk-pad-bottom-5\@v { padding-bottom: 5px }.uk-pad-left-5\@v { padding-left: 5px }.uk-pad-right-5\@v { padding-right: 5px }
.uk-mt-8\@v { margin-top: 8px }.uk-mb-8\@v { margin-bottom: 8px }.uk-ml-8\@v { margin-left: 8px }.uk-mr-8\@v { margin-right: 8px }
.uk-pad-top-8\@v { padding-top: 8px }.uk-pad-bottom-8\@v { padding-bottom: 8px }.uk-pad-left-8\@v { padding-left: 8px }.uk-pad-right-8\@v { padding-right: 8px }
.uk-mt-10\@v { margin-top: 10px }.uk-mb-10\@v { margin-bottom: 10px }.uk-ml-10\@v { margin-left: 10px }.uk-mr-10\@v { margin-right: 10px }
.uk-pad-top-25\@v { padding-top: 25px }.uk-pad-bottom-25\@v { padding-bottom: 25px }.uk-pad-left-25\@v { padding-left: 25px }.uk-pad-right-25\@v { padding-right: 25px }
.uk-pad-top-10\@v { padding-top: 10px }.uk-pad-bottom-10\@v { padding-bottom: 10px }.uk-pad-left-10\@v { padding-left: 10px }.uk-pad-right-10\@v { padding-right: 10px }
.uk-mt-15\@v { margin-top: 15px }.uk-mb-15\@v { margin-bottom: 15px }.uk-ml-15\@v { margin-left: 15px }.uk-mr-15\@v { margin-right: 15px }
.uk-pad-top-15\@v { padding-top: 15px }.uk-pad-bottom-15\@v { padding-bottom: 15px }.uk-pad-left-15\@v { padding-left: 15px }.uk-pad-right-15\@v { padding-right: 15px }
.uk-mt-20\@v { margin-top: 20px }.uk-mb-20\@v { margin-bottom: 20px }.uk-ml-20\@v { margin-left: 20px }.uk-mr-20\@v { margin-right: 20px }
.uk-pad-top-20\@v { padding-top: 20px }.uk-pad-bottom-20\@v { padding-bottom: 20px }.uk-pad-left-20\@v { padding-left: 20px }.uk-pad-right-20\@v { padding-right: 20px }
.uk-mt-25\@v { margin-top: 25px }.uk-mb-25\@v { margin-bottom: 25px }.uk-ml-25\@v { margin-left: 25px }.uk-mr-25\@v { margin-right: 25px }
.uk-mt-30\@v { margin-top: 30px }.uk-mb-30\@v { margin-bottom: 30px }.uk-ml-30\@v { margin-left: 30px }.uk-mr-30\@v { margin-right: 30px }
.uk-pad-top-30\@v { padding-top: 30px }.uk-pad-bottom-30\@v { padding-bottom: 30px }.uk-pad-left-30\@v { padding-left: 30px }.uk-pad-right-30\@v { padding-right: 30px }
.uk-mt-35\@v { margin-top: 35px }.uk-mb-35\@v { margin-bottom: 35px }.uk-ml-35\@v { margin-left: 35px }.uk-mr-35\@v { margin-right: 35px }
.uk-pad-top-35\@v { padding-top: 35px }.uk-pad-bottom-35\@v { padding-bottom: 35px }.uk-pad-left-35\@v { padding-left: 35px }.uk-pad-right-35\@v { padding-right: 35px }
.uk-mt-40\@v { margin-top: 40px }.uk-mb-40\@v { margin-bottom: 40px }.uk-ml-40\@v { margin-left: 40px }.uk-mr-40\@v { margin-right: 40px }
.uk-pad-top-40\@v { padding-top: 40px }.uk-pad-bottom-40\@v { padding-bottom: 40px }.uk-pad-left-40\@v { padding-left: 40px }.uk-pad-right-40\@v { padding-right: 40px }
.uk-mt-45\@v { margin-top: 45px }.uk-mb-45\@v { margin-bottom: 45px }.uk-ml-45\@v { margin-left: 45px }.uk-mr-45\@v { margin-right: 45px }
.uk-pad-top-45\@v { padding-top: 45px }.uk-pad-bottom-45\@v { padding-bottom: 45px }.uk-pad-left-45\@v { padding-left: 45px }.uk-pad-right-45\@v { padding-right: 45px }
.uk-mt-50\@v { margin-top: 50px }.uk-mb-50\@v { margin-bottom: 50px }.uk-ml-50\@v { margin-left: 50px }.uk-mr-50\@v { margin-right: 50px }
.uk-pad-top-50\@v { padding-top: 50px }.uk-pad-bottom-50\@v { padding-bottom: 50px }.uk-pad-left-50\@v { padding-left: 50px }.uk-pad-right-50\@v { padding-right: 50px }
.uk-mt-55\@v { margin-top: 55px }.uk-mb-55\@v { margin-bottom: 55px }.uk-ml-55\@v { margin-left: 55px }.uk-mr-55\@v { margin-right: 55px }
.uk-pad-vertical-55\@v { padding-top: 55px; padding-bottom: 55px }.uk-pad-side-55\@v { padding-left: 55px; padding-right: 55px }
.uk-pad-top-55\@v { padding-top: 55px }.uk-pad-bottom-55\@v { padding-bottom: 55px }.uk-pad-left-55\@v { padding-left: 55px }.uk-pad-right-55\@v { padding-right: 55px }
.uk-mt-60\@v { margin-top: 60px }.uk-mb-60\@v { margin-bottom: 60px }.uk-ml-60\@v { margin-left: 60px }.uk-mr-60\@v { margin-right: 60px }
.uk-pad-top-60\@v { padding-top: 60px }.uk-pad-bottom-60\@v { padding-bottom: 60px }.uk-pad-left-60\@v { padding-left: 60px }.uk-pad-right-60\@v { padding-right: 60px }
.uk-mt-70\@v { margin-top: 70px }.uk-mb-70\@v { margin-bottom: 70px }.uk-ml-70\@v { margin-left: 70px }.uk-mr-70\@v { margin-right: 70px }
.uk-pad-top-70\@v { padding-top: 70px }.uk-pad-bottom-70\@v { padding-bottom: 70px }.uk-pad-left-70\@v { padding-left: 70px }.uk-pad-right-70\@v { padding-right: 70px }
.uk-mt-80\@v { margin-top: 80px }.uk-mb-80\@v { margin-bottom: 80px }.uk-ml-80\@v { margin-left: 80px }.uk-mr-80\@v { margin-right: 80px }
.uk-pad-top-80\@v { padding-top: 80px }.uk-pad-bottom-80\@v { padding-bottom: 80px }.uk-pad-left-80\@v { padding-left: 80px }.uk-pad-right-80\@v { padding-right: 80px }
@media (max-width: 768px){
  .uk-mt-5\@v { margin-top: calc(5px - ((50px - 5vw) / 18)); }.uk-mb-5\@v { margin-bottom: calc(5px - ((50px - 5vw) / 18)) }
  .uk-ml-5\@v { margin-left: calc(5px - ((50px - 5vw) / 18)) }.uk-mr-5\@v { margin-right: calc(5px - ((50px - 5vw) / 18)) }
  .uk-pad-top-5\@v { padding-top: calc(5px - ((50px - 5vw) / 18)) }.uk-pad-bottom-5\@v { padding-bottom: calc(5px - ((50px - 5vw) / 18)) }
  .uk-pad-left-5\@v { padding-left: calc(5px - ((50px - 5vw) / 18)) }.uk-pad-right-5\@v { padding-right: calc(5px - ((50px - 5vw) / 18)) }
  .uk-mt-8\@v { margin-top: calc(8px - ((80px - 8vw) / 18)); }.uk-mb-8\@v { margin-bottom: calc(8px - ((80px - 8vw) / 18)) }
  .uk-ml-8\@v { margin-left: calc(8px - ((80px - 8vw) / 18)) }.uk-mr-8\@v { margin-right: calc(8px - ((80px - 8vw) / 18)) }
  .uk-pad-top-8\@v { padding-top: calc(8px - ((80px - 8vw) / 18)) }.uk-pad-bottom-8\@v { padding-bottom: calc(8px - ((80px - 8vw) / 18)) }
  .uk-pad-left-8\@v { padding-left: calc(8px - ((80px - 8vw) / 18)) }.uk-pad-right-8\@v { padding-right: calc(8px - ((80px - 8vw) / 18)) }
  .uk-mt-10\@v { margin-top: calc(10px - ((100px - 10vw) / 18)); }.uk-mb-10\@v { margin-bottom: calc(10px - ((100px - 10vw) / 18)) }
  .uk-ml-10\@v { margin-left: calc(10px - ((100px - 10vw) / 18)) }.uk-mr-10\@v { margin-right: calc(10px - ((100px - 10vw) / 18)) }
  .uk-pad-top-10\@v { padding-top: calc(10px - ((100px - 10vw) / 18)) }.uk-pad-bottom-10\@v { padding-bottom: calc(10px - ((100px - 10vw) / 18)) }
  .uk-pad-left-10\@v { padding-left: calc(10px - ((100px - 10vw) / 18)) }.uk-pad-right-10\@v { padding-right: calc(10px - ((100px - 10vw) / 18)) }
  .uk-mt-15\@v { margin-top: calc(15px - ((150px - 15vw) / 18)); }.uk-mb-15\@v { margin-bottom: calc(15px - ((150px - 15vw) / 18)) }
  .uk-ml-15\@v { margin-left: calc(15px - ((150px - 15vw) / 18)) }.uk-mr-15\@v { margin-right: calc(15px - ((150px - 15vw) / 18)) }
  .uk-pad-top-15\@v { padding-top: calc(15px - ((150px - 15vw) / 18)) }.uk-pad-bottom-15\@v { padding-bottom: calc(15px - ((150px - 15vw) / 18)) }
  .uk-pad-left-15\@v { padding-left: calc(15px - ((150px - 15vw) / 18)) }.uk-pad-right-15\@v { padding-right: calc(15px - ((150px - 15vw) / 18)) }
  .uk-mt-20\@v { margin-top: calc(20px - ((200px - 20vw) / 18)); }.uk-mb-20\@v { margin-bottom: calc(20px - ((200px - 20vw) / 18)) }
  .uk-ml-20\@v { margin-left: calc(20px - ((200px - 20vw) / 18)) }.uk-mr-20\@v { margin-right: calc(20px - ((200px - 20vw) / 18)) }
  .uk-pad-top-20\@v { padding-top: calc(20px - ((200px - 20vw) / 18)) }.uk-pad-bottom-20\@v { padding-bottom: calc(20px - ((200px - 20vw) / 18)) }
  .uk-pad-left-20\@v { padding-left: calc(20px - ((200px - 20vw) / 18)) }.uk-pad-right-20\@v { padding-right: calc(20px - ((200px - 20vw) / 18)) }
  .uk-mt-25\@v { margin-top: calc(25px - ((250px - 25vw) / 18)); }.uk-mb-25\@v { margin-bottom: calc(25px - ((250px - 25vw) / 18)) }
  .uk-ml-25\@v { margin-left: calc(25px - ((250px - 25vw) / 18)) }.uk-mr-25\@v { margin-right: calc(25px - ((250px - 25vw) / 18)) }
  .uk-pad-top-25\@v { padding-top: calc(25px - ((250px - 25vw) / 18)) }.uk-pad-bottom-25\@v { padding-bottom: calc(25px - ((250px - 25vw) / 18)) }
  .uk-pad-left-25\@v { padding-left: calc(25px - ((250px - 25vw) / 18)) }.uk-pad-right-25\@v { padding-right: calc(25px - ((250px - 25vw) / 18)) }
  .uk-mt-30\@v { margin-top: calc(30px - ((300px - 30vw) / 18)); }.uk-mb-30\@v { margin-bottom: calc(30px - ((300px - 30vw) / 18)) }
  .uk-ml-30\@v { margin-left: calc(30px - ((300px - 30vw) / 18)) }.uk-mr-30\@v { margin-right: calc(30px - ((300px - 30vw) / 18)) }
  .uk-pad-top-30\@v { padding-top: calc(30px - ((300px - 30vw) / 18)) }.uk-pad-bottom-30\@v { padding-bottom: calc(30px - ((300px - 30vw) / 18)) }
  .uk-pad-left-30\@v { padding-left: calc(30px - ((300px - 30vw) / 18)) }.uk-pad-right-30\@v { padding-right: calc(30px - ((300px - 30vw) / 18)) }
  .uk-mt-35\@v { margin-top: calc(35px - ((350px - 35vw) / 18)); }.uk-mb-35\@v { margin-bottom: calc(35px - ((350px - 35vw) / 18)) }
  .uk-ml-35\@v { margin-left: calc(35px - ((350px - 35vw) / 18)) }.uk-mr-35\@v { margin-right: calc(35px - ((350px - 35vw) / 18)) }
  .uk-pad-top-35\@v { padding-top: calc(35px - ((350px - 35vw) / 18)) }.uk-pad-bottom-35\@v { padding-bottom: calc(35px - ((350px - 35vw) / 18)) }
  .uk-pad-left-35\@v { padding-left: calc(35px - ((350px - 35vw) / 18)) }.uk-pad-right-35\@v { padding-right: calc(35px - ((350px - 35vw) / 18)) }
  .uk-mt-40\@v { margin-top: calc(40px - ((400px - 40vw) / 18)); }.uk-mb-40\@v { margin-bottom: calc(40px - ((400px - 40vw) / 18)) }
  .uk-ml-40\@v { margin-left: calc(40px - ((400px - 40vw) / 18)) }.uk-mr-40\@v { margin-right: calc(40px - ((400px - 40vw) / 18)) }
  .uk-pad-top-40\@v { padding-top: calc(40px - ((400px - 40vw) / 18)) }.uk-pad-bottom-40\@v { padding-bottom: calc(40px - ((400px - 40vw) / 18)) }
  .uk-pad-left-40\@v { padding-left: calc(40px - ((400px - 40vw) / 18)) }.uk-pad-right-40\@v { padding-right: calc(40px - ((400px - 40vw) / 18)) }
  .uk-mt-45\@v { margin-top: calc(45px - ((450px - 45vw) / 18)); }.uk-mb-45\@v { margin-bottom: calc(45px - ((450px - 45vw) / 18)) }
  .uk-ml-45\@v { margin-left: calc(45px - ((450px - 45vw) / 18)) }.uk-mr-45\@v { margin-right: calc(45px - ((450px - 45vw) / 18)) }
  .uk-pad-top-45\@v { padding-top: calc(45px - ((450px - 45vw) / 18)) }.uk-pad-bottom-45\@v { padding-bottom: calc(45px - ((450px - 45vw) / 18)) }
  .uk-pad-left-45\@v { padding-left: calc(45px - ((450px - 45vw) / 18)) }.uk-pad-right-45\@v { padding-right: calc(45px - ((450px - 45vw) / 18)) }
  .uk-mt-50\@v { margin-top: calc(50px - ((500px - 50vw) / 18)); }.uk-mb-50\@v { margin-bottom: calc(50px - ((500px - 50vw) / 18)) }
  .uk-ml-50\@v { margin-left: calc(50px - ((500px - 50vw) / 18)) }.uk-mr-50\@v { margin-right: calc(50px - ((500px - 50vw) / 18)) }
  .uk-pad-top-50\@v { padding-top: calc(50px - ((500px - 50vw) / 18)) }.uk-pad-bottom-50\@v { padding-bottom: calc(50px - ((500px - 50vw) / 18)) }
  .uk-pad-left-50\@v { padding-left: calc(50px - ((500px - 50vw) / 18)) }.uk-pad-right-50\@v { padding-right: calc(50px - ((500px - 50vw) / 18)) }
  .uk-mt-55\@v { margin-top: calc(55px - ((550px - 55vw) / 18)); }.uk-mb-55\@v { margin-bottom: calc(55px - ((550px - 55vw) / 18)) }
  .uk-ml-55\@v { margin-left: calc(55px - ((550px - 55vw) / 18)) }.uk-mr-55\@v { margin-right: calc(55px - ((550px - 55vw) / 18)) }
  .uk-pad-top-55\@v { padding-top: calc(55px - ((550px - 55vw) / 18)) }.uk-pad-bottom-55\@v { padding-bottom: calc(55px - ((550px - 55vw) / 18)) }
  .uk-pad-left-55\@v { padding-left: calc(55px - ((550px - 55vw) / 18)) }.uk-pad-right-55\@v { padding-right: calc(55px - ((550px - 55vw) / 18)) }
  .uk-mt-60\@v { margin-top: calc(60px - ((600px - 60vw) / 18)); }.uk-mb-60\@v { margin-bottom: calc(60px - ((600px - 60vw) / 18)) }
  .uk-ml-60\@v { margin-left: calc(60px - ((600px - 60vw) / 18)) }.uk-mr-60\@v { margin-right: calc(60px - ((600px - 60vw) / 18)) }
  .uk-pad-top-60\@v { padding-top: calc(60px - ((600px - 60vw) / 18)) }.uk-pad-bottom-60\@v { padding-bottom: calc(60px - ((600px - 60vw) / 18)) }
  .uk-pad-left-60\@v { padding-left: calc(60px - ((600px - 60vw) / 18)) }.uk-pad-right-60\@v { padding-right: calc(60px - ((600px - 60vw) / 18)) }
  .uk-mt-70\@v { margin-top: calc(70px - ((700px - 70vw) / 18)); }.uk-mb-70\@v { margin-bottom: calc(70px - ((700px - 70vw) / 18)) }
  .uk-ml-70\@v { margin-left: calc(70px - ((700px - 70vw) / 18)) }.uk-mr-70\@v { margin-right: calc(70px - ((700px - 70vw) / 18)) }
  .uk-pad-top-70\@v { padding-top: calc(70px - ((700px - 70vw) / 18)) }.uk-pad-bottom-70\@v { padding-bottom: calc(70px - ((700px - 70vw) / 18)) }
  .uk-pad-left-70\@v { padding-left: calc(70px - ((700px - 70vw) / 18)) }.uk-pad-right-70\@v { padding-right: calc(70px - ((700px - 70vw) / 18)) }
  .uk-mt-80\@v { margin-top: calc(80px - ((800px - 80vw) / 18)); }.uk-mb-80\@v { margin-bottom: calc(80px - ((800px - 80vw) / 18)) }
  .uk-ml-80\@v { margin-left: calc(80px - ((800px - 80vw) / 18)) }.uk-mr-80\@v { margin-right: calc(80px - ((800px - 80vw) / 18)) }
  .uk-pad-top-80\@v { padding-top: calc(80px - ((800px - 80vw) / 18)) }.uk-pad-bottom-80\@v { padding-bottom: calc(80px - ((800px - 80vw) / 18)) }
  .uk-pad-left-80\@v { padding-left: calc(80px - ((800px - 80vw) / 18)) }.uk-pad-right-80\@v { padding-right: calc(80px - ((800px - 80vw) / 18)) }
}


/* ========================================================================
   非表示
 ========================================================================== */
@media screen and (min-width: 1px){
  .uk-hidden\@xs { display: none; }
}
@media screen and (min-width: 541px){
  .uk-hidden\@s { display: none; }
}
@media screen and (min-width: 769px){
  .uk-hidden\@m { display: none; }
}
@media screen and (min-width: 960px){
  .uk-hidden\@l { display: none; }
}
@media screen and (min-width: 1201px){
  .uk-hidden\@xl { display: none; }
}
@media screen and (max-width: 768px){
  .uk-hidden\@s\!{ display: none!important; }
}
@media screen and (max-width: 540px){
  .uk-hidden\@xs\!{ display: none!important; }
}
/* ========================================================================
   表示
  ※デフォルトで設定されているため要修正
 ========================================================================== */
@media screen and (min-width: 1px){
  .uk-visible\@xs { display: block; }
}
@media screen and (min-width: 541px){
  .uk-visible\@xs\!{ display:none!important; }
}
@media screen and (min-width: 769px){
  .uk-visible\@s\!{ display:none!important; }
}
@media screen and (min-width: 960px){
}
@media screen and (max-width: 768px){
.uk-visible\@m{display:none}
}
@media screen and (max-width: 540px){
.uk-visible\@s{display:none}
}

@media print{
  .uk-hidden\@p { display: none!important; }
}

/* ========================================================================
   order * FLEX要素で使用
 ========================================================================== */
.uk-order--1{ -ms-flex-order:-1; -webkit-order:-1; order:-1; }
.uk-order-\+1{ -ms-flex-order:+1; -webkit-order:+1; order:+1; }
.uk-order-0{ -ms-flex-order:0; -webkit-order:0; order:0; }
.uk-order-1{ -ms-flex-order:1; -webkit-order:1; order:1; }
.uk-order-2{ -ms-flex-order:2; -webkit-order:2; order:2; }
.uk-order-3{ -ms-flex-order:3; -webkit-order:3; order:3; }
.uk-order-4{ -ms-flex-order:4; -webkit-order:4; order:4; }
.uk-order-5{ -ms-flex-order:5; -webkit-order:5; order:5; }
.uk-order-6{ -ms-flex-order:6; -webkit-order:6; order:6; }
.uk-order-7{ -ms-flex-order:7; -webkit-order:7; order:7; }
.uk-order-8{ -ms-flex-order:8; -webkit-order:8; order:8; }
.uk-order-9{ -ms-flex-order:9; -webkit-order:9; order:9; }
.uk-order-10{ -ms-flex-order:10; -webkit-order:10; order:10; }
.uk-order-11{ -ms-flex-order:11; -webkit-order:11; order:11; }
.uk-order-12{ -ms-flex-order:12; -webkit-order:12; order:12; }

@media screen and (min-width: 1px){
 .uk-order--1\@xs { -ms-flex-order:-1; -webkit-order:-1; order:-1; }
 .uk-order-\+1\@xs { -ms-flex-order:+1; -webkit-order:+1; order:+1; }
 .uk-order-0\@xs { -ms-flex-order:0; -webkit-order:0; order:0; }
 .uk-order-1\@xs { -ms-flex-order:1; -webkit-order:1; order:1; }
 .uk-order-2\@xs { -ms-flex-order:2; -webkit-order:2; order:2; }
 .uk-order-3\@xs { -ms-flex-order:3; -webkit-order:3; order:3; }
 .uk-order-4\@xs { -ms-flex-order:4; -webkit-order:4; order:4; }
 .uk-order-5\@xs { -ms-flex-order:5; -webkit-order:5; order:5; }
 .uk-order-6\@xs { -ms-flex-order:6; -webkit-order:6; order:6; }
 .uk-order-7\@xs { -ms-flex-order:7; -webkit-order:7; order:7; }
 .uk-order-8\@xs { -ms-flex-order:8; -webkit-order:8; order:8; }
 .uk-order-9\@xs { -ms-flex-order:9; -webkit-order:9; order:9; }
 .uk-order-10\@xs { -ms-flex-order:10; -webkit-order:10; order:10; }
 .uk-order-11\@xs { -ms-flex-order:11; -webkit-order:11; order:11; }
 .uk-order-12\@xs { -ms-flex-order:12; -webkit-order:12; order:12; }  
}
@media screen and (min-width: 541px){
 .uk-order--1\@s { -ms-flex-order:-1; -webkit-order:-1; order:-1; }
 .uk-order-\+1\@s { -ms-flex-order:+1; -webkit-order:+1; order:+1; }
 .uk-order-0\@s { -ms-flex-order:0; -webkit-order:0; order:0; }
 .uk-order-1\@s { -ms-flex-order:1; -webkit-order:1; order:1; }
 .uk-order-2\@s { -ms-flex-order:2; -webkit-order:2; order:2; }
 .uk-order-3\@s { -ms-flex-order:3; -webkit-order:3; order:3; }
 .uk-order-4\@s { -ms-flex-order:4; -webkit-order:4; order:4; }
 .uk-order-5\@s { -ms-flex-order:5; -webkit-order:5; order:5; }
 .uk-order-6\@s { -ms-flex-order:6; -webkit-order:6; order:6; }
 .uk-order-7\@s { -ms-flex-order:7; -webkit-order:7; order:7; }
 .uk-order-8\@s { -ms-flex-order:8; -webkit-order:8; order:8; }
 .uk-order-9\@s { -ms-flex-order:9; -webkit-order:9; order:9; }
 .uk-order-10\@s { -ms-flex-order:10; -webkit-order:10; order:10; }
 .uk-order-11\@s { -ms-flex-order:11; -webkit-order:11; order:11; }
 .uk-order-12\@s { -ms-flex-order:12; -webkit-order:12; order:12; }
}
@media screen and (min-width: 769px){
 .uk-order--1\@m { -ms-flex-order:-1; -webkit-order:-1; order:-1; }
 .uk-order-\+1\@m { -ms-flex-order:+1; -webkit-order:+1; order:+1; }
 .uk-order-0\@m { -ms-flex-order:0; -webkit-order:0; order:0; }
 .uk-order-1\@m { -ms-flex-order:1; -webkit-order:1; order:1; }
 .uk-order-2\@m { -ms-flex-order:2; -webkit-order:2; order:2; }
 .uk-order-3\@m { -ms-flex-order:3; -webkit-order:3; order:3; }
 .uk-order-4\@m { -ms-flex-order:4; -webkit-order:4; order:4; }
 .uk-order-5\@m { -ms-flex-order:5; -webkit-order:5; order:5; }
 .uk-order-6\@m { -ms-flex-order:6; -webkit-order:6; order:6; }
 .uk-order-7\@m { -ms-flex-order:7; -webkit-order:7; order:7; }
 .uk-order-8\@m { -ms-flex-order:8; -webkit-order:8; order:8; }
 .uk-order-9\@m { -ms-flex-order:9; -webkit-order:9; order:9; }
 .uk-order-10\@m { -ms-flex-order:10; -webkit-order:10; order:10; }
 .uk-order-11\@m { -ms-flex-order:11; -webkit-order:11; order:11; }
 .uk-order-12\@m { -ms-flex-order:12; -webkit-order:12; order:12; }  
}
@media screen and (min-width: 960px){
 .uk-order--1\@l { -ms-flex-order:-1; -webkit-order:-1; order:-1; }
 .uk-order-\+1\@l { -ms-flex-order:+1; -webkit-order:+1; order:+1; }
 .uk-order-0\@l { -ms-flex-order:0; -webkit-order:0; order:0; }
 .uk-order-1\@l { -ms-flex-order:1; -webkit-order:1; order:1; }
 .uk-order-2\@l { -ms-flex-order:2; -webkit-order:2; order:2; }
 .uk-order-3\@l { -ms-flex-order:3; -webkit-order:3; order:3; }
 .uk-order-4\@l { -ms-flex-order:4; -webkit-order:4; order:4; }
 .uk-order-5\@l { -ms-flex-order:5; -webkit-order:5; order:5; }
 .uk-order-6\@l { -ms-flex-order:6; -webkit-order:6; order:6; }
 .uk-order-7\@l { -ms-flex-order:7; -webkit-order:7; order:7; }
 .uk-order-8\@l { -ms-flex-order:8; -webkit-order:8; order:8; }
 .uk-order-9\@l { -ms-flex-order:9; -webkit-order:9; order:9; }
 .uk-order-10\@l { -ms-flex-order:10; -webkit-order:10; order:10; }
 .uk-order-11\@l { -ms-flex-order:11; -webkit-order:11; order:11; }
 .uk-order-12\@l { -ms-flex-order:12; -webkit-order:12; order:12; }
}
@media screen and (min-width: 1201px){
 .uk-order--1\@xl { -ms-flex-order:-1; -webkit-order:-1; order:-1; }
 .uk-order-\+1\@xl { -ms-flex-order:+1; -webkit-order:+1; order:+1; }
 .uk-order-0\@xl { -ms-flex-order:0; -webkit-order:0; order:0; }
 .uk-order-1\@xl { -ms-flex-order:1; -webkit-order:1; order:1; }
 .uk-order-2\@xl { -ms-flex-order:2; -webkit-order:2; order:2; }
 .uk-order-3\@xl { -ms-flex-order:3; -webkit-order:3; order:3; }
 .uk-order-4\@xl { -ms-flex-order:4; -webkit-order:4; order:4; }
 .uk-order-5\@xl { -ms-flex-order:5; -webkit-order:5; order:5; }
 .uk-order-6\@xl { -ms-flex-order:6; -webkit-order:6; order:6; }
 .uk-order-7\@xl { -ms-flex-order:7; -webkit-order:7; order:7; }
 .uk-order-8\@xl { -ms-flex-order:8; -webkit-order:8; order:8; }
 .uk-order-9\@xl { -ms-flex-order:9; -webkit-order:9; order:9; }
 .uk-order-10\@xl { -ms-flex-order:10; -webkit-order:10; order:10; }
 .uk-order-11\@xl { -ms-flex-order:11; -webkit-order:11; order:11; }
 .uk-order-12\@xl { -ms-flex-order:12; -webkit-order:12; order:12; }
}
@media screen and (max-width: 768px){
 .uk-order--1\@s\! { -ms-flex-order:-1; -webkit-order:-1; order:-1; }
 .uk-order-\+1\@s\! { -ms-flex-order:+1; -webkit-order:+1; order:+1; }
 .uk-order-0\@s\! { -ms-flex-order:0; -webkit-order:0; order:0; }
 .uk-order-1\@s\! { -ms-flex-order:1; -webkit-order:1; order:1; }
 .uk-order-2\@s\! { -ms-flex-order:2; -webkit-order:2; order:2; }
 .uk-order-3\@s\! { -ms-flex-order:3; -webkit-order:3; order:3; }
 .uk-order-4\@s\! { -ms-flex-order:4; -webkit-order:4; order:4; }
 .uk-order-5\@s\! { -ms-flex-order:5; -webkit-order:5; order:5; }
 .uk-order-6\@s\! { -ms-flex-order:6; -webkit-order:6; order:6; }
 .uk-order-7\@s\! { -ms-flex-order:7; -webkit-order:7; order:7; }
 .uk-order-8\@s\! { -ms-flex-order:8; -webkit-order:8; order:8; }
 .uk-order-9\@s\! { -ms-flex-order:9; -webkit-order:9; order:9; }
 .uk-order-10\@s\! { -ms-flex-order:10; -webkit-order:10; order:10; }
 .uk-order-11\@s\! { -ms-flex-order:11; -webkit-order:11; order:11; }
 .uk-order-12\@s\! { -ms-flex-order:12; -webkit-order:12; order:12; }
}
@media screen and (max-width: 540px){
 .uk-order--1\@xs\! { -ms-flex-order:-1; -webkit-order:-1; order:-1; }
 .uk-order-\+1\@xs\! { -ms-flex-order:+1; -webkit-order:+1; order:+1; }
 .uk-order-0\@xs\! { -ms-flex-order:0; -webkit-order:0; order:0; }
 .uk-order-1\@xs\! { -ms-flex-order:1; -webkit-order:1; order:1; }
 .uk-order-2\@xs\! { -ms-flex-order:2; -webkit-order:2; order:2; }
 .uk-order-3\@xs\! { -ms-flex-order:3; -webkit-order:3; order:3; }
 .uk-order-4\@xs\! { -ms-flex-order:4; -webkit-order:4; order:4; }
 .uk-order-5\@xs\! { -ms-flex-order:5; -webkit-order:5; order:5; }
 .uk-order-6\@xs\! { -ms-flex-order:6; -webkit-order:6; order:6; }
 .uk-order-7\@xs\! { -ms-flex-order:7; -webkit-order:7; order:7; }
 .uk-order-8\@xs\! { -ms-flex-order:8; -webkit-order:8; order:8; }
 .uk-order-9\@xs\! { -ms-flex-order:9; -webkit-order:9; order:9; }
 .uk-order-10\@xs\! { -ms-flex-order:10; -webkit-order:10; order:10; }
 .uk-order-11\@xs\! { -ms-flex-order:11; -webkit-order:11; order:11; }
 .uk-order-12\@xs\! { -ms-flex-order:12; -webkit-order:12; order:12; }
}

/* ========================================================================
   Vertical Align 上下寄せ
 ========================================================================== */
.uk-valign-middle{
  display:  -webkit-flex;
  display:  flex;
  -webkit-align-items:  center;
  align-items: center;
}
.uk-valign-bottom{
  display:  -webkit-flex;
  display:  flex;
flex-direction: column;
-webkit-justify-content: flex-end;
 -webkit-align-items:  flex-end;
  align-items: flex-end;
}
.uk-valign-middle > *,
.uk-valign-bottom > * {
  flex:1;
}





/* ========================================================================
   テーブル化
 ========================================================================== */
  .uk-div-table{
    display:table;
    width:100%;
    border-collapse: collapse;
  }
  .uk-div-table{
    display:table;
    width:100%;
  }
  .uk-div-table > * {
    display:table-row;
    width:100%;
  }
  .uk-div-table > * > * {
    display:table-cell;
    border:1px solid #CCCCCC;
    padding:.5rem;
  }
  .uk-div-table > * > *:first-child{
    width:30%;
  }




/* =========================================================
* breadcrumbs
========================================================= */
.breadcrumbs {
	font-size: 80%;
	line-height: 1.25em;
}
.breadcrumbs ul,
.breadcrumbs ul li{
  margin:0;
}
.breadcrumbs ul li{
  display:inline;
}
.breadcrumbs ul li:first-child a::before{
  /*content: "\f015";*//* HOME ICON */
  font-family:'fontAwesome';
  letter-spacing: 0.3em;
  text-decoration: none;
}
.breadcrumbs ul li+li:before{
  content:'\f105';
  font-family:'fontAwesome';
  margin-left:0.6em;
  margin-right:0.8em;
}



/* =========================================================
* テーブル
========================================================= */
/* 初期値 */
table {
  border-collapse: collapse;
  border:1px solid #AAAAAA;
}
thead, tbody, tr, th, td {
  border-color:inherit;
  border-style:inherit;
  border-width:inherit;
}
thead tr > *{
  text-align:center;
}
tbody tr > * {
  border-color:inherit;
  border-style:inherit;
  border-width:inherit;
  font-weight:normal;
  vertical-align: top;
}
/* uk-table */
[class*="uk-table"],
[class*="uk-child-table"] table{
  border:1px solid #AAAAAA;
  width:100%;
}
[class*="uk-table"] th,
[class*="uk-child-table"] th{
  white-space: nowrap;
  width: 100px;
}
[class*="uk-table"] tbody > tr > * ,
[class*="uk-child-table"] table tbody > tr > *{
  padding: .8em 1.2em;
  text-align:left;
}


/* =========================================================
* ボーダー
========================================================= */

/* ボーダー 罫線 */
.uk-table-border-rule,
.uk-table-border-rule th,
.uk-table-border-rule td,
.uk-child-table-border-rule table,
.uk-child-table-border-rule th,
.uk-child-table-border-rule td{
  border-width:0;
}
.uk-table-border-rule tr > *,
.uk-child-table-border-rule tr > *{
  padding:1.2em;
}
.uk-table-border-rule,
.uk-child-table-border-rule table{
  border-top-width:1px;
}
.uk-table-border-rule th,
.uk-child-table-border-rule th{
  border-bottom-width:1px;
  padding-right:3em;
}
.uk-table-border-rule td,
.uk-child-table-border-rule td{
  border-bottom-width:1px;
}


/* =========================================================
* Table Padding サイズ　align
========================================================= */
/* Th width percentage */
.uk-child-table-th-10\% th, .uk-table-th-10\% th { width:10%;}
.uk-child-table-th-15\% th, .uk-table-th-15\% th{ width:15%;}
.uk-child-table-th-20\% th, .uk-table-th-20\% th { width:20%;}
.uk-child-table-th-25\% th, .uk-table-th-25\% th { width:25%;}
.uk-child-table-th-30\% th, .uk-table-th-30\% th { width:30%;}
.uk-child-table-th-35\% th, .uk-table-th-35\% th { width:35%;}
.uk-child-table-th-40\% th, .uk-table-th-40\% th { width:40%;}
.uk-child-table-th-50\% th, .uk-table-th-50\% th { width:50%;}
/* Th width pixel*/
.uk-child-table-th-80 th, .uk-table-th-80 th { width:80px;}
.uk-child-table-th-100 th, .uk-table-th-100 th { width:100px;}
.uk-child-table-th-120 th, .uk-table-th-120 th { width:120px;}
.uk-child-table-th-130 th, .uk-table-th-130 th { width:130px;}
.uk-child-table-th-150 th, .uk-table-th-150 th { width:150px;}
.uk-child-table-th-160 th, .uk-table-th-160 th { width:160px;}
.uk-child-table-th-180 th, .uk-table-th-180 th { width:180px;}
.uk-child-table-th-200 th, .uk-table-th-200 th { width:200px;}
.uk-child-table-th-220 th, .uk-table-th-220 th { width:220px;}
.uk-child-table-th-240 th, .uk-table-th-240 th { width:240px;}
/* padding */
.uk-child-table-padding-3 tr > *, .uk-table-padding-3 tr > * {padding: 3px;}
.uk-child-table-padding-5 tr > *, .uk-table-padding-5 tr > * {padding: 5px;}
.uk-child-table-padding-6 tr > *, .uk-table-padding-6 tr > * {padding: 6px;}
.uk-child-table-padding-8 tr > *, .uk-table-padding-8 tr > * {padding: 8px;}
.uk-child-table-padding-10 tr > *, .uk-table-padding-10 tr > * {padding: 10px;}
.uk-child-table-padding-15 tr > *, .uk-table-padding-15 tr > * {padding: 15px;}
.uk-child-table-padding-20 tr > *, .uk-table-padding-20 tr > * {padding: 20px;}
.uk-child-table-padding-25 tr > *, .uk-table-padding-25 tr > * {padding: 25px;}
.uk-child-table-padding-30 tr > *, .uk-table-padding-30 tr > * {padding: 30px;}

/* =========================================================
* Table レスポンシブ

　使い方：
  レスポンシブ時のボーダーはtrに指定するとブレイクポイント指定が不要
ex) .mailform-table tr { border-bottom-width:1px }
  レスポンシブ時のタイトルはTDに指定する必要がある
ex) .mailform-table tr { border-bottom-width:1px }
========================================================= */
@media only screen and (max-width:768px){
  .uk-table-responsive\@s\!,
  .uk-child-table-responsive\@s\!{
    table-layout: fixed;
  }
  .uk-table-responsive\@s\!,
  .uk-table-responsive\@s\!  tbody,
  .uk-table-responsive\@s\!  tr,
  .uk-child-table-responsive\@s\! table,
  .uk-child-table-responsive\@s\!  tbody,
  .uk-child-table-responsive\@s\!  tr {
    display:block;
    width:100%;
    border-width:0;
  }
  .uk-table-responsive\@s\! th,
  .uk-child-table-responsive\@s\! th,
  .uk-table-responsive\@s\! td,
  .uk-child-table-responsive\@s\! td{
    display:block;
    width:100%;
    padding:.6em .6em;
    border-width:0;
  }  
  .uk-table-responsive\@s\! th,
  .uk-child-table-responsive\@s\! th{
    line-height:1.35;
    background-color:#E8F7FF;
  }
  .uk-table-responsive\@s\! td,
  .uk-child-table-responsive\@s\! td{
  }}
@media only screen and (max-width:540px){
  .uk-table-responsive\@xs\!,
  .uk-child-table-responsive\@xs\!{
    table-layout: fixed;
  }
  .uk-table-responsive\@xs\!,
  .uk-table-responsive\@xs\!  tbody,
  .uk-table-responsive\@xs\!  tr,
  .uk-child-table-responsive\@xs\! table,
  .uk-child-table-responsive\@xs\!  tbody,
  .uk-child-table-responsive\@xs\!  tr {
    display:block;
    width:100%;
    border-width:0;
  }
  .uk-table-responsive\@xs\! th,
  .uk-child-table-responsive\@xs\! th,
  .uk-table-responsive\@xs\! td,
  .uk-child-table-responsive\@xs\! td{
    display:block;
    width:100%;
    padding:.6em .6em;
    border-width:0;
  }  
  .uk-table-responsive\@xs\! th,
  .uk-child-table-responsive\@xs\! th{
    line-height:1.35;
    background-color:#E8F7FF;
  }
  .uk-table-responsive\@xs\! td,
  .uk-child-table-responsive\@xs\! td{
  }

}

/* trでボーダー*/
/*
[class*="uk-table-responsive@"],
[class*="uk-child-table-responsive@"] table{
  border-color:#005CA2;
}
[class*="uk-table-responsive@"] tr:first-child,
[class*="uk-child-table-responsive@"] tr:first-child {
  border-top-width:1px;
}
[class*="uk-table-responsive@"] tr,
[class*="uk-child-table-responsive@"] tr{
  border-bottom-width:1px;
}
*/


/* =========================================================
* Table cell align
========================================================= */
/* align */
.uk-child-table-th-top th, .uk-table-th-top th {  vertical-align: top;}
.uk-child-table-th-middle th, .uk-table-th-middle th {  vertical-align: middle;}
.uk-child-table-th-center th, .uk-table-th-center th {  text-align: center;}
.uk-child-table-th-left th .uk-table-th-left th {  text-align: left;}
.uk-child-table-th-right th, .uk-table-th-right th {  text-align: right;}
@media only screen and (max-width:768px){
  .uk-child-table-valign-top\@s\! tr, .uk-table-valign-top\@s\! tr {  vertical-align: top;}
  .uk-child-table-valign-middle\@s\! tr, .uk-table-valign-middle\@s\! tr {  vertical-align: middle;}
  .uk-child-table-th-center\@s\! th, .uk-table-th-center\@s\! th {  text-align: center;}
  .uk-child-table-th-left\@s\! th .uk-table-th-left\@s\! th {  text-align: left;}
  .uk-child-table-th-right\@s\! th, .uk-table-th-right\@s\! th {  text-align: right;}
}
@media only screen and (max-width:540px){
  .uk-child-table-valign-top\@xs\! tr, .uk-table-valign-top\@xs\! tr {  vertical-align: top;}
  .uk-child-table-valign-middle\@xs\! tr, .uk-table-valign-middle\@xs\! tr {  vertical-align: middle;}
  .uk-child-table-th-center\@xs\! th, .uk-table-th-center\@xs\! th {  text-align: center;}
  .uk-child-table-th-left\@xs\! th .uk-table-th-left\@xs\! th {  text-align: left;}
  .uk-child-table-th-right\@xs\! th, .uk-table-th-right\@xs\! th {  text-align: right;}
}





/* --------------------------
    テーブル
-----------------------------*/
/* 罫線テーブル */
.table-rule{
  border:none;
}
.table-rule th,
.table-rule td{
 padding:5px 20px;
 border-bottom:1px solid #CCCCCC;
}
.table-rule th{
 text-align:left;
 width:200px;
 /*border-right:1px solid #CCCCCC;*/
}

.table-border th,
.table-border td{
 padding:5px 20px;
 border:1px solid #CCCCCC;
}
.table-border th{
 text-align:left;
 width:200px;
}


/* フラットテーブル */

.table-flat{
width:100%;
border-spacing:3px;
border-collapse: separate;
border:3px;
background-color:transparent;
}

.table-flat th,
.table-flat td{
 padding:10px 20px;
}


.table-flat th{
 background:#f0f0f0;
 width:200px;
}
.table-flat td{
 background:#f9f9f9;
}




@media screen and (max-width:767px){
  .table-stack,
  .table-stack tbody,
  .table-stack tr{
    display:block!important;
  }
  .table-stack th,
  .table-stack td{
    text-align:left;
   display:block!important;
    width:100%!important;
  }
  

  
  .table-rule.table-stack th,
  .table-rule.tabke-stack td{
    border-bottom:none;
  }

}


/* =========================================================
* 画像表示
========================================================= */

.imgbox a,
.img-box a,
.img-right a,
.img-left a{
  display:block;
}

.img-trim {
    overflow: hidden;
    position: relative;
}
.img-trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width:auto;
  height:auto;
  max-height: 100%;
  max-width:100%;
}

.uk-img-right{
  float:right;
  width:40%;
  margin-left:20px;
}
.uk-img-left{
  float:left;
  width:40%;
  margin-right:20px;

}

/* img-fit */
.uk-img-fit {
  object-fit: cover;
  object-position: bottom;
  font-family: 'object-fit: cover; object-position: center center;'/* ofi for IE/Edge */
}

.uk-imgbox-border{
  padding:10px;
  border:1px solid #000000;
}

.uk-imgbox img{
  height:auto;
}
.uk-img-responsive{
  height:auto;
}


/* BOX要素アスペクト比 */ 
/* 
必ずインサイド要素が必要

jqueryから操作
  content: attr(data-before); 
を付けることで疑似要素をjqueryで操作可能にする

*/
[class*="uk-aspect"] {
  position:relative;
  width: 100%;
  height: auto;
  overflow:hidden;
}
[class*="uk-aspect"] > *{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
}
[class*="uk-aspect"]::before {
  content: "";
  content: attr(data-before); 
  display: block;
}


.uk-aspect-3\:2::before,
.uk-aspect-3x2::before {
  padding-top: 66.665%;
}

.uk-child-imgbox-right-s .uk-imgbox{ width:40%;}
.uk-child-imgbox-right-m .uk-imgbox{ width:30%;}

.uk-child-imgbox-border .uk-imgbox{
  border:1px solid #AAAAAA;
  padding:calc(3px + 0.25vw);
}

.uk-imgbox-border{
  border:1px solid #AAAAAA;
  padding:calc(3px + 0.25vw);
}


/* =========================================================
* dl dt dd レスポンシブテーブル
========================================================= */

dl.table, 
dl.table dt,
dl.table dd {
  box-sizing: border-box;
  border: 1px none #ccc; /* 共通のborderを定義。ただし、border-styleをnoneにし、初期状態では非表示にする */
}

dl.table {
  display: block;
  border-style: solid solid none solid;
}
dl.table dt,
dl.table dd {
  display:block;
  margin: 0;
  border-bottom-style: solid;
  padding: 10px;
}
dl.table dt {
  background: #eee;
}
dl.table dd {
}

@media (min-width: 768px) {
  dl.table, 
  dl.table dt,
  dl.table dd {
    box-sizing: border-box;
    border: 1px none #ccc; /* 共通のborderを定義。ただし、border-styleをnoneにし、初期状態では非表示にする */
  }

  dl.table {
    display: -webkit-inline-flex; /* Safari */
    display: flex; /* Flexible Boxを有効化 */
    flex-wrap: wrap; /* はみ出そうな時の折り返しを有効化 */
    border-style: solid solid none; /* 上を除く、全てのborderを表示 */
  }
  dl.table dt,
  dl.table dd {
    margin: 0;
    border-bottom-style: solid;
    padding: 10px;
  }
  dl.table dt {
    flex-basis: 0 0 30%;
    width: 30%; /* 幅を指定 */
    background: #eee; /* dt要素のための背景色を指定 */
  }
  dl.table dd {
    flex-basis: 2 0 auto;
    width: 70%; /* 幅を指定 */
    border-left-style: solid; /* 左のborderを表示 */
  }
}

dl.table.border, 
dl.table.border dt,
dl.table.border dd {
  border: 1px none #ccc;
}

dl.table.border {
  display: block;
}
dl.table.border dt,
dl.table.border dd {
  border-bottom-style: solid;
}

@media (min-width: 768px) {
  dl.table.border, 
  dl.table.border dt,
  dl.table.border dd {
    border: 1px none #ccc;
  }
  dl.table.border {
    border-style: solid solid none solid;
  }
  dl.table.border dt,
  dl.table.border dd {
    border-bottom-style: solid;
  }
  dl.table.border dt {
    background: #eee;
  }
  dl.table.border dd {
    border-left-style: solid;
  }
}
/* mobile first
--------------------------------------*/

/*-----初期設定----*/
dl.rp ,
dl.rp dt,
dl.rp dd {
  box-sizing: border-box;
}
dl.rp dt,
dl.rp dd {
  margin: 0;
}
/*--------------*/

/* 枠 */
dl.rp{
  display:flex;
  flex-wrap:wrap;
  /*border-style: none solid solid;*/ /* 上を除く、全てのborderを表示 */ /* 上 右 下 左 */
}
dl.rp dt,
dl.rp dd{
  padding:10px;
}
/* 項目名 */
dl.rp dt {
  flex:3 0 auto;
  width: 30%;
  margin: 0;
  border-bottom:2px solid #000000; /* 上のborderを表示 */
}
dl.rp dt::after {
  content:" : ";
}

/* 内容 */
dl.rp dd {
  flex:3 0 auto;
  width: 70%;
  margin: 0;
  border-bottom:2px solid #000000; /* 上のborderを表示 */
}


@media (max-width: 767px) {

    dl.rp dt {
     width:50%;
    }
    dl.rp dd {
     width:50%;
    }

  
    dl.rp.sm-collapse {
      flex-direction: column;
    }

    dl.rp.sm-collapse dt {
    padding-bottom:0;
    border-bottom: none;
    
    }

    dl.rp.sm-collapse dd {
      padding-top:0;
    }

}

/* =========================================================== */
.uk-iframe-container iframe{
  width:100%;
}





/* =========================================================
* ボタン要素
========================================================= */

.uk-link{
  font-size:1.8rem;
  font-weight:bold;
}

.uk-link-flat{
	
}
.uk-link-flat-bk{
	
}


/* ボタンリンク */
.uk-btn{
  text-align: center;
  position: relative;
  display: inline-block;
  margin: 0 auto 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
  overflow: hidden;
  white-space: nowrap;
  vertical-align:middle;
  padding:0 0.8em;

  background: #EAEAEA;
	background: -moz-linear-gradient(top, #EEEEEE 0%, #DDDDDD 100%); 
	background: -webkit-linear-gradient(top, #EEEEEE 0%, #DDDDDD 100%);
	background: linear-gradient(to bottom, #EEEEEE 0%, #DDDDDD 100%);
  color:#000000;
  font-size: 90%;
  line-height:calc(2em + 0.8vw);;
}

.uk-btn span{
    line-height: calc(2em + 0.8vw);
}
.uk-btn:focus, 
.uk-btn:hover {
  text-decoration: none;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.uk-btn:active{
  box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
}
/* fontawesome アイコン*/
.uk-btn i {
 margin-right: .3em;
}

/*  アイコン付きDXスタイル */
.uk-btn-dx{
  padding-left: calc(2.3em + 0.9vw);
}
.uk-btn-dx i {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(2em + 0.9vw);
  line-height: calc(2em + 0.9vw);
  height: calc(2em + 0.9vw);
  margin: 0;
  border-radius: 3px 0 0 3px;
  background: rgba(0,0,0,0.1);
}
.uk-btn-dx:hover i,
.uk-btn-dx:acrive i,
.uk-btn-dx:focus i{
  background: rgba(0,0,0,0.3);
}
.uk-btn-xsmall,
.uk-btn-xs{
  font-size:75%;
}
.uk-btn-small,
.uk-btn-s{
  font-size:85%;
}
.uk-btn-large,
.uk-btn-l{
  font-size: 1.2rem;/* Edge Bagでcalcで%指定はNG */
}
.uk-btn-xlarge,
.uk-btn-xl{
  font-size: 1.8rem;/* Edge Bagでcalcで%指定はNG */
  font-weight:bold;
}
.uk-btn-xxlarge,
.uk-btn-xxl{
  font-size: 1.4rem;/* Edge Bagでcalcで%指定はNG */
  font-weight:bold;
}
/* =========================================================
* ボタン要素/ サイズレスポンシブ
========================================================= */

.uk-btn-xsmall, .uk-btn-xs, .uk-btn-xsmall\@xs, .uk-btn-xs\@xs {  font-size:0.8em;}
.uk-btn-small, .uk-btn-s, .uk-btn-small\@xs, .uk-btn-s\@xs {  font-size:0.9em;}
.uk-btn-middle, .uk-btn-m, .uk-btn-middle\@xs, .uk-btn-m\@xs {  font-size:1em;}
.uk-btn-large, .uk-btn-l, .uk-btn-large\@xs, .uk-btn-l\@xs { font-size: 1.2em; font-weight:bold;}
.uk-btn-xlarge, .uk-btn-xl, .uk-btn-xlarge\@xs, .uk-btn-xl\@xs {  font-size: 1.8em; font-weight:bold;}
.uk-btn-xxlarge, .uk-btn-xxl, .uk-btn-xxlarge\@xs, .uk-btn-xxl\@xs { font-size: 2.6em; font-weight:bold;}
@media (min-width:541px){
  .uk-btn-xsmall\@s, .uk-btn-xs\@s {  font-size:0.8em;}
  .uk-btn-small\@s, .uk-btn-s\@s {  font-size:0.9em;}
  .uk-btn-middle\@s, .uk-btn-m\@s {  font-size:1em;}
  .uk-btn-large\@s, .uk-btn-l\@s { font-size: 1.3em; font-weight:bold;}
  .uk-btn-xlarge\@s, .uk-btn-xl\@s {  font-size: 1.8em; font-weight:bold;}
  .uk-btn-xxlarge\@s, .uk-btn-xxl\@s{  font-size: 2.6em; font-weight:bold;}
}
@media (min-width:769px){
  .uk-btn-xs\@m{  font-size:0.8em;}
  .uk-btn-small\@m, .uk-btn-s\@m {  font-size:0.9em;}
  .uk-btn-middle\@m, .uk-btn-m\@m {  font-size:1em;}
  .uk-btn-large\@m, .uk-btn-l\@m { font-size: 1.3em; font-weight:bold;}
  .uk-btn-xlarge\@m, .uk-btn-xl\@m {  font-size: 1.8em; font-weight:bold;}
  .uk-btn-xxlarge\@m, .uk-btn-xxl\@m { font-size: 2.6em; font-weight:bold;}
}
@media (min-width:960px){
  
}
@media only screen and (max-width:768px){
  .uk-btn-xsmall\@s\!,  .uk-btn-xs\@s\! {  font-size:0.8em;}
  .uk-btn-small\@s\!, .uk-btn-s\@s\! {  font-size:0.9em; }
  .uk-btn-middle\@s\!, .uk-btn-m\@s\! {  font-size:1em; font-weight:bold;}
  .uk-btn-large\@s\!, .uk-btn-l\@s\! { font-size: 1.3em; font-weight:bold;}
  .uk-btn-xlarge\@s\!, .uk-btn-xl\@s\! { font-size: 1.8em; font-weight:bold;}
}
@media only screen and (max-width:540px){
  .uk-btn-xsmall\@s\!, .uk-btn-xs\@xs\! {  font-size:0.8em;}
  .uk-btn-small\@xs\!, .uk-btn-s\@xs\! {  font-size:0.9em;}
  .uk-btn-middle\@xs\!, .uk-btn-m\@xs\! {  font-size:1em; font-weight:bold;}
  .uk-btn-large\@xs\!, .uk-btn-l\@xs\! { font-size: 1.3em; font-weight:bold;}
  .uk-btn-xlarge\@xs\!, .uk-btn-xl\@xs\! { font-size: 1.5em; font-weight:bold;}
}

/* =========================================================
* ボタン要素/ グロス
========================================================= */
.uk-btn-glossy,
.uk-btn-glossy-light{
  color:#FFFFFF;
  text-shadow: -1px -1px 0px rgba(0,0,0,0.3);
filter: saturate(110%) contrast(110%);
}
.uk-btn-glossy > *, 
.uk-btn-glossy-light > *{
}

/* シャドウ */
.uk-btn-glossy::before{
  content:" ";
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:  -webkit-linear-gradient(to bottom, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0) 100%);
  background:  -o-linear-gradient(to bottom, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0) 100%);
  background:  linear-gradient(to bottom, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0) 100%);
}
  .uk-btn-glossy-light::before {
  content:" ";
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;  /* light*/
  background:  -webkit-linear-gradient(to left, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.1) 100%);
  background:  linear-gradient(to left, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.1) 100%);  
}

/*ハイライト*/
.uk-btn-glossy-light::after,
.uk-btn-glossy::after{
  content:" ";
  display:block;
  position:absolute;
  top:-50%;
  left:-10%;
  width:120%;
  height:100%;
  border-radius:50%;
  background: -webkit-linear-gradient(rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.05) 100%);
  background: linear-gradient(rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.05) 100%);
}
.uk-btn-glossy * {
  position:relative;
  z-index:1;
}





/* ========================================================================
   色・デザイン
 ========================================================================== */
.uk-bg-white{
  background-color: white;
}
.uk-bg-light1{
  background-color: antiquewhite;
}
.uk-bg-light2{
  background-color: antiquewhite;
}

/*  contact*/
.uk-btn-color-cta{
  color:#FFFFFF!important;
  background:#009944!important;
}
.uk-btn-color-order{
  color:#FFFFFF!important;
  background:#FA5653!important;
}

/*  contact*/
.uk-btn-color-tomato{
  color:#FFFFFF!important;
  background:tomato!important;
}
/* =====================================
   box デザイン
 ====================================== */
.uk-box-antiquewhite{
  border:2px solid antiquewhite;
  
  background-color:rgba(251,248,240,1.00);
  background-color:#FBF8F0;

  background-color:#F9F5E7;
  
}


/* =====================================
   見出しデザイン
 ====================================== */

.uk-title-style-underline {
  font-weight: bold;
  margin: 3em 0 2em;
  padding: .4em 0 .4em .1em;
  position: relative;
  border-bottom: 2px solid #ccc;
}
.uk-title-style-underline::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 2px;
  background-color: #000000;
}

.uk-title-style-box {
    font-weight: bold;
    position: relative;
    background-color: #fff;
    padding: .5em 1em .5em 1.5em;
    box-shadow: 0 0 1.1px rgba(0,0,0,.8);
}
.uk-title-style-box::before {
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1.2em);
    height: calc(100% - 1.2em);
    background-color: #191970;
    border-radius: 4px;
}



.uk-title-style-cute {
    font-size: 18px !important;
    color: #333333 !important;
    margin: 5px 0px !important;
    padding: 5px 15px !important;
    border: 2px dashed #d6e9ca !important;
    border-radius: 5px !important;
    box-shadow: 0 0 3px 3px #8bbf42 !important;
    text-shadow: 0 0 1px !important;
    background-color: #8bbf42 !important;
}




.uk-title-style-balloon {
    position: relative;
    background: #f3f3f3;
    color: #1a1a1a;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}
.uk-title-style-balloon::after{
content: '';
position: absolute;
border-top: 10px solid #f3f3f3;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
bottom: -10px;
left: 50px;  
}


.uk-title-icon-book {
    font-size: 18px;
    font-weight: bold;
}
.uk-title-icon-book::before {
    content: "\f02d";
    font-family: FontAwesome;
    margin-right: 0.4em;
    color: #b20982;
}






/* ========================================================================
   フロート
========================================================================== */

[class*="uk-child-float-left"]{
  overflow:hidden;
}
[class*="uk-child-float-left"] > *:first-child{
  float:left;
  margin-right:15px;
}


/* =========================================
      FLEX GRID 拡張
 =========================================== */
/* 子要素 インサイドpadding
 ============================================ */
.uk-grid.uk-child-inside-pad-xs > * > .inside {  padding:3px; }
.uk-grid.uk-child-inside-pad-s > * > .inside {  padding:5px; }
.uk-grid.uk-child-inside-pad > * > .inside,
.uk-grid.uk-child-inside-pad-m > * > .inside {  padding:10px; }
.uk-grid.uk-child-inside-pad-l > * > .inside {  padding:15px; }
.uk-grid.uk-child-inside-pad-xl > * > .inside {  padding:20px; }
.uk-grid.uk-child-inside-pad-xxl > * > .inside {  padding:25px; }

/* グリッドボーダー
 ============================================ */
.uk-grid-border {
  border-top: .5px solid #000000;
  border-left: .5px solid #000000;
}
.uk-grid-border > * {
position: relative;
  overflow:hidden;
}
.uk-grid-border > *::before{
  content: "";
  display:block;
  overflow: hidden;
  border: .5px solid #000000;
  position: absolute;
  top: -1px;
  left: -1px;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.uk-grid-border-color-bk{
  border-color:black;
}
.uk-grid-border-color-glay{
  border-color:gray;
}
.uk-grid-border-color-lightgray{
  border-color:lightgray;
}



.uk-box-balloon {
    position: relative;
    background: #CCCCCC;
    border-color:#CCCCCC;
    margin-bottom: 30px;
    padding:40px;
    border-radius:40px;
}
.uk-balloon::after{
content: '';
position: absolute;
border-top: 30px solid;
border-top-color:inherit;
border-right: 30px solid transparent;
border-left: 30px solid transparent;
bottom: -30px;
left: 60px;  
}

[class="uk-baloon"]::after{
  content: '';
  position: absolute;
  border-top: 30px solid;
  border-top-color:inherit;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  bottom: -30px;
  left: 60px;  
}

.uk-baloon-top-left::after{
  
}
.uk-baloon-top-right::after{
  
}
.uk-baloon-bottom-left::after{
  
}
.uk-baloon-bottom-right::after{
  
}
.uk-baloon-left-top::after{
  
}
.uk-baloon-left-bottom::after{
  
}
.uk-baloon-right-top::after{
  
}
.uk-baloon-right-bottm::after{
  
}


/* =========================================
  　FLOW
=========================================== */
.uk-flowlist {
  counter-reset: li;
  list-style: none;
  *list-style: decimal;
}

.uk-flowlist > li{
  position:relative;
}

/*  Number */
.uk-flowlist > * h4::before,
.uk-flowlist > * h5::before,
.uk-flowlist > * h6::before,
uk-flowlist > * .uk-flow-item-title::before {
  content: "STEP"counter(li);
  counter-increment: li;
  margin-right:1rem;
  display:inline-block;
  background-color:#F9F5E7;
  border-radius:30px;
  padding: .5rem 1rem;
  font-weight:bold;
}
.uk-flowlist > * .uk-imgbox::after{
/*  content: "step"counter(li);
  counter-increment: li;
  display:block;
  background-color:#F9F5E7;
  border-radius:30px;
  padding: .5rem 1rem;
  font-weight:bold;*/
}
.uk-flowlist > * >h4::before {
    content: "step"counter(li);
    counter-increment: li;
}

/* chevron */
.uk-flowlist > *+*::before{
  content:"\f078"; /* \f078  chevron*/ /* \f107  angle-down*/
  font-family: FontAwesome;
  display:block;
  width:1em;
  margin:3rem auto;
  line-height:0.4em;
  white-space: normal;
  text-align: center;
  font-size:4rem;
  transform:scaleX(1.2);
}

/* =========================================
  　カスタムリスト
=========================================== */
[class*="uk-list-fa-"] > li{
  text-indent:-1.2em;
  padding-left:1.2em;
  vertical-align:middle;
}
[class*="uk-list-fa-"] > li::before{
  font-family: fontawesome;
  display:inline;
  color:#AAAAAA;
  line-height:1;
  padding-left:3px;
}

.uk-list-fa-angle > li::before {
  content:"\f105";
  font-size:120%;
  padding-left: 0.25em;
  padding-right: 0.4em;
}

.uk-list-fa-chevron > li::before {
  content:"\f054";
  font-size:80%;
  padding-right: 0.5em;
}
.uk-list-fa-caret > li::before {
  content:"\f0da";
  font-size:120%;
  padding-left: 0.2em;
  padding-right: 0.45em;
}