/* ========================================================================
   psling custom css
 ========================================================================== */

.tm-cover-content-2 h1,
.tm-cover-content-2 .uk-article-lead,
.tm-cover-content-3 h1,
.tm-cover-content-3 .uk-article-lead { color: #f4efe9; }
 /* table
 ================================================== */
 .ps-table {
	width: 100%;
	}
  .ps-amp-th {
    background-color: #211e1d;
    color: #fff;
        }
  .ps-td {
    background-color: #f5ebe3;
    padding-left: 5px;
        }
  .ps-amp-td {
    background-color: #f5ebe3;
        }
  .ps-amp-th {
  margin: 0 auto;
        }
   /* button original link-small-size
 =================================================== */
.ps-button-muted  A:link {
	color: #fff;
	}
.ps-button-muted {
	display: inline-block;
	width: 200px;
	height: 34px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #86c9cb;
	border: 1px solid #211e1d;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	border-radius: 0px;
	}
	.ps-button-muted:hover {
	background-color: #fff;
	border-color: #211e1d;
	color: #211e1d;
	border-radius: 5px;
	}
	.ps-button-muted::before,
	.ps-button-muted::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #86c9cb;
			color: #fff;
	border-radius: 0px;
	}
	.ps-button-muted::before {
	top: 0;
	}
	.ps-button-muted::after {
	bottom: 0;
	}
	.ps-button-muted,
	.ps-button-muted::before,
	.ps-button-muted::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-radius: 0px;
			background-color: #86c9cb;
			color: #fff;
	}
	.ps-button-muted:hover::before,
	.ps-button-muted:hover::after {
	height: 0;
	background-color: #86c9cb;
			color: #fff;
	border-radius: 5px;
	}
 .ps-button-position-subbox {
 	color: #fff;
  margin: 10px;
  }
  . button_head_space {
  margin-top: -10px;
  }
    . button_end_space {
  margin-bottom: -10px;
  }
  /*
 * Modifier: `ps-button-custom`
 */
.ps-button-custom {
  background-color: #ED8537;
  color: #f4efe9;
    border:1px solid #ED8537;
  border-color: transparent;
}
/* Hover */
.ps-button-custom:hover,
.ps-button-custom:focus {
  color: #ED8537;
  background-color: #ffffff;
  border:1px solid #ED8537;
}
/* Active */
.ps-button-custom:active,
.ps-button-custom.uk-active {
  background-color: #ED8537;
  color: #f4efe9;
}
/* 
 ================================================== */
.ps-list-product {
  margin-left: 20px;
  padding-left: 10px;
  padding-bottom: 20px;
  font-size: 12px;
  margin-bottom: 15px;
}
ul.ps-list-product li {
margin-bottom: 10px;
}
.ps-panel-box {
  border-top: 1px solid #407198;
  border-bottom: 1px solid #407198;
  padding: 20px;
  margin-bottom: 40px;
}
.ps-panel-box-old {
  border-top: 2px solid #EC8437;
  border-bottom: 2px solid #EC8437;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-bottom: 40px;
}
.ps-panel-box-support {
  border-top: 2px solid #798D66;
  border-bottom: 2px solid #798D66;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-bottom: 40px;
}
.ps-panel-box-press {
  border-top: 2px solid #00698C;
  border-bottom: 2px solid #00698C;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-bottom: 40px;
}
.ps-panel-box-aboutus {
  border-top: 2px solid #575748;
  border-bottom: 2px solid #575748;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-bottom: 40px;
}
.ps-panel-box-why {
  border-top: 2px solid #649999;
  border-bottom: 2px solid #649999;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-bottom: 40px;
}
.ps-panel-box-nursing {
  border-top: 2px solid #67534D;
  border-bottom: 2px solid #67534D;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-bottom: 40px;
}
.ps-panel-box-shoes {
  border-top: 2px solid #642B4C;
  border-bottom: 2px solid #642B4C;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 20px;
  margin-bottom: 40px;
}
.ps-topmenu-box-onlinestore {
  margin-top: -15px ;
  padding: 3px ;
  margin-bottom: 5px;
}
.ps-search {
  background: #F4EFE9;
  border: 2px solid #333333;
  padding: 3px;
}
.ps-cart {
  background: #F4EFE9;
  border: 2px solid #594A47;
  padding: 3px;
}
.ps-copy-pc {
  background: #ffffff;
  font-size: 22px;
  font-color: #333333;
  font-weight: normal;
  padding: 0px 5px 3px 0px;
  line-height: normal;
  float: left;
}
.ps-menu-box {
  background: #494e56;
  border: 1px solid #407198;
  padding-left: 0px ;
}
.ps-menu-guide {
  background: #494e56;
  border: 1px solid #ED8537;
  padding-left: 0px ;
}
.ps-menu-online {
  background: #494e56;
  border: 1px solid #ED8537;
  padding-left: -5px ;
}
.ps-menu-support {
  background: #494e56;
  border: 1px solid #798D66;
  padding-left: 0px ;
}
.ps-menu-why {
  background: #494e56;
  border: 1px solid #649999;
  padding-left: 0px ;
}
.ps-menu-aboutus {
  background: #494e56;
  border: 1px solid #575748;
  padding-left: 0px ;
}
.ps-menu-press {
  background: #494e56;
  border: 1px solid #00698C;
  padding-left: 0px ;
}
.ps-menu-box-dog {
  background: #494e56;
  border: 1px solid #F0F0E1;
  padding-left: 0px ;
}
.ps-menu-box-ranking {
  background: #F4EFE9;
  padding: 10px;
  border: 2px solid #ED8537;
}
.ps-menu-box-support {
  background: #F4EFE9;
  border: 2px solid #798D66;
  padding-left: 5px ;
}
.ps-menu-box-press {
  background: #F4EFE9;
  border: 2px solid #00698C;
  padding-left: 5px ;
}
.ps-menu-box-why {
  background: #F4EFE9;
  border: 2px solid #649999;
  padding-left: 5px ;
}
.ps-menu-box-aboutus {
  background: #F4EFE9;
  border: 2px solid #575748;
  padding-left: 5px ;
}
.ps-menu-box-nursing {
  background: #F4EFE9;
  border: 2px solid #67534D;
  padding-left: 5px ;
}
.ps-subpanel-box-support {

  border: 2px solid #798D66;
  padding: 10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}
.ps-subpanel-box-why {

  border: 2px solid #649999;
  padding: 10px;
  margin: 0px;
}
.ps-subpanel-box-press {

  border: 2px solid #00698C;
  padding: 10px;
  margin: 0px;
}
.ps-subpanel-box-nursing {

  border: 2px solid #67534D;
  padding: 10px;
  margin: 0px;
}
.ps-subpanel-box-onlinestore {

  padding: 10px;
  margin: 0px;
}
.ps-subpanel-box-aboutus {

  border: 2px solid #575748;
  padding: 10px;
  margin: 0px;
}
.ps-subpanel-box-mosaic-onlinestore {
  background: #42464E;
  border: 2px solid #ED8537;
  padding: 10px;
}
.ps-subpanel-box {
  background: #42464E;

  padding: 10px;
}
.ps-subpanel-box-series {

  border: 2px solid #ED8537;
  padding: 10px;
  margin: 0px;
}
.ps-subpanel-box-dog {

  border: 2px solid #EC088A;
  padding: 10px;
  margin: 0px;
}
.ps-point-why {
  border-left: 5px solid #649999;
  border-bottom: 1px solid #649999;
  padding-bottom: 10px;
  padding-left: 10px;
}
.ps-h2-base {
  border-left: 5px solid #9B9B8C;
  border-bottom: 1px solid #9B9B8C;
  padding-left: 10px;
  margin-top: 20px;
  margin-left: 0px;
  color: #646464;
  height: 35px;
  line-height: 30px; 
}
 .ps-remark {
 padding-right:10px;
 padding-left:10px;
 margin-top: 20px;
 margin-bottom: 20px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	border: 2px solid rgba(0,0,0,0.2);
	font-size: 20px;
	font-weight: bold;
	color: #646464;
	line-height: 40px;
	border-radius: 5px;
	}
	.ps-remark-end {
	padding-right:10px;
	padding-left:10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: -20px;
	margin-left: -20px;
	width: 100%;
	height: 80px;
	background-color: rgba(0,0,0,0.5);
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	color: #ffffff;
	font-size: 25px;
	font-weight: bold;
		color: #646464;
	line-height: 80px;
	}
	 .ps-circle-hikaku {
  width:30px;
  height:30px;
  border: solid 3px #c2ac8d;
  border-color: #c2ac8d;
  border-radius: 50%;
  }
  .ps-circle-hikaku p {
  font-size: 12px;
  margin-top: 0px;
  position: relative;
  top:50%;
  transform: translateY(-50%);
  }
.ps-h2-why {
  border-left: 5px solid #649999;
  padding-left: 20px;
  margin-left: 10px;
}
.ps-h1-support {
  color: #798D66;
}
.ps-h2-support {
  border-left: 5px solid #798D66;
  padding-left: 20px;  
  margin-left: 10px;
}
.ps-h2-nursing {
  border-left: 5px solid #67534D;
  padding-left: 20px;
  margin-left: 10px;
}
.ps-h2-aboutus {
  border-left: 5px solid #575748;
  padding-left: 20px;
  margin-left: 10px;
}
.ps-h2-press {
  border-left: 5px solid #00698C;
  padding-left: 20px;
  margin-left: 10px;
}
.ps-h5-onlinestore {
  border-left: 5px solid #ED8537;
  padding-left: 10px;
  margin-bottom: 35px;
}
.ps-h1-onlinestore {
  font-size : 25px; 
  color: #666666; 
  padding-left: 10px;
  margin: 10px 5px 30px 5px;
  border: 1px solid #666666;
  text-align: center;
}
.ps-h2-dog {
  border-left: 5px solid #333333;
  padding-left: 20px;
  margin-bottom: 30px;
}
.ps-h4-dog {
  font-size: 12px;
}
.ps-small-title {
  border-left: 5px solid #9B9B8C;
  padding-left: 10px;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 20px;
  color: #F0F0E1;
}
.ps-sm-l {
  font-size: 20px;
  line-height: 40px;

}
.ps-sm-m {
  font-size: 17px;
  line-height: 35px;

}
.ps-sm-s {
  font-size: 14px;
  line-height: 30px;

}
.ps-whiteback {
  background: #FFFFFF;
}
.ps-white {
  color: #ffffff;
}
a.ps-white:link { color: #ffffff; }
a.ps-white:visited { color: #ffffff; }
a.ps-white:hover { color: #333333; }
a.ps-white:active { color: #333333; }
.ps-copy {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  padding-bottom: 10px;
}
.ps-grey {
  color: #333333;
}
.ps-greyback {
  background: #333333;
  padding: 20px;
}
.ps-badge-ordermade {
  background: #ED8537;
  padding: 5px 10px 0px 10px;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
}
.ps-order-right {
  background: #F1F1F1;
  border-top: 6px solid #ED8537;
  border-right: 2px solid #ED8537;
  border-bottom: 8px solid #ED8537;
  border-left: 2px solid #ED8537;
  padding-top: 20px;
}
.ps-order-bottom-2 {
  background: #F1F1F1;
  border-right: 10px solid #F1F1F1;
  border-left: 10px solid #F1F1F1;
  margin-top: 28px;
  margin-right: -20px;
  margin-left: -20px;
  padding-left: -20px;
  padding-right: -20px;
  padding-top: 20px;
}
.ps-custom-right {
  background: #F4EFE9;
  padding: 15px;
}
.ps-quickorder {
  background-image: -webkit-linear-gradient(top, #ED8537, #33373E);
  background-image: linear-gradient(to bottom, #ED8537, #33373E);
  padding: 10px 10px 10px 10px;
}
.ps-banner {
  background: #F4EFE9;
  border: 2px solid #ED8537;
  padding: 20px;
}
.ps-series-topimage {
  margin-top: -30px;
}
.ps-top-head {
  background-image: url("https://psling.ocnk.net/data/psling/image/psling_user_New_York.jpg");
  background-repeat: no-repeat;
  padding-top: 150px;
  padding-left: 50px;
  padding-right: 50px;
}
/* i-Phone only */
@media (max-width: 400px) {
  .ps-top-head  {
    padding-top: 300px;
    padding-bottom: -20px;
    padding-left: 0px;
    padding-right:3px;
    margin-bottom: 50px;
    color: #ffffff;
    background-image: url("https://psling.ocnk.net/data/psling/image/psling_user_New_York.jpg");
    background-repeat: no-repeat;
　　background-position: center;
  }
   .ps-top-head-ff  {
    color: #ffffff;
  }
   .ps-top-head-h1  {
    line-height: 2.5;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
  }
   .ps-top-head-h5  {
    line-height: 3.5;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
  }
   .ps-top-head-ask  {
    line-height: 3.5;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
  }
}
.ps-sub-head {
  background-image: url("https://psling.ocnk.net/data/psling/image/psling_user_New_York.jpg");
  background-repeat: no-repeat;
}
.ps-eng {
padding-right: -10px;
margin-right: -10px;
}
.ps-handmade-class-2 {
font-size: 20px;
font-weight: bold;
color: #ffffff;
background-color: #35AFD9;
border-left: 10px solid #0098CE;
border-top: 10px solid #0098CE;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-bottom: 15px;
}
.ps-handmade-class-1 {
font-size: 20px;
font-weight: bold;
color: #ffffff;
background-color: #628AB3;
border-left: 10px solid #30659B;
border-top: 10px solid #30659B;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-bottom: 15px;
}
.ps-handmade-class-master {
font-size: 20px;
font-weight: bold;
color: #ffffff;
background-color: #B1B25F;
border-left: 10px solid #999A28;
border-top: 10px solid #999A28;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-bottom: 15px;
}
a:hover,
.ps-link:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.ps-mosaic {
background-color: #42464E;
}
.ps-list {
padding-top:5px;
padding-bottom:5px;
}
.ps-list-hikaku {
padding-top:0px;
padding-bottom: 5px;
margin-bottom:0px;
border:0px solid #9B9B8C;
}
.ps-image {
background-color: #2D3035;
padding-top:10px;
padding-bottom:10px;
}
.ps-comment-base {
padding-left:20px;
padding-right:20px;
}
.ps-ordermadetext {
  margin-top: -40px;
  padding-right: 20px;
  border-top: 1px solid #407198;
  border-left: 5px solid #407198;
  margin-bottom: 20px;
  text-align: right;
  background: #211e1d;
  font-size: 10px;
}
.ps-dogtext {
  margin-top: -40px;
  padding-right: 20px;
  border-top: 1px solid #407198;
  border-left: 5px solid #407198;
  margin-bottom: 20px;
  text-align: right;
  background: #211e1d;
  font-size: 10px;
}
.ps-headermenu {
  background: #c0c0c0;
  	border: 1px solid #333333;
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
}
  .ps-subbox-onlinestore {
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px; 
  padding-left: 0px;
  background: rgba(180,180,180,0.1);
  }
  .ps-subbox-title-onlinestore {
  height: 35px;
  line-height: 30px;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  margin-top: -5px;
  margin-right: -10px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-top: 2px;
  padding-right: 10px;
  padding-bottom: 2px;
  padding-left: 15px;
  border-left: 30px solid rgba(150,150,150,0.9);
  background: rgba(150,150,150,0.8);
  }
 .ps-subbox-text {
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  margin-right: 0px;
  font-size: 14px;
  color: #211e1d;
  line-height: 150%;  
  }
  /* ========================================================================
   Component: List
 ========================================================================== */
.uk-list {
  padding: 0;
  list-style: none;
}
/*
 * Micro clearfix to make list more robust
 */
.uk-list > li:before,
.uk-list > li:after {
  content: "";
  display: table;
}
.uk-list > li:after {
  clear: both;
}
/*
 * Remove margin from the last-child
 */
.uk-list > li > :last-child {
  margin-bottom: 0;
}
/*
 * Nested lists
 */
.uk-list ul {
  margin: 0;
  padding-left: 20px;
  list-style: none;
}
/* Modifier: `uk-list-line`
 ========================================================================== */
.uk-list-line > li:nth-child(n+2) {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #efefef;
}
/* button original link-wide-fix
 =================================================== */
 .ps-button-muted-header {
	display: inline-block;
	width: 104%;
	height: 30px;
    margin: 0px 0px 20px -10px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #383838;
    color: #ffffff;
	font-size: 12px;
	line-height: 30px;
	}
	.ps-button-muted-header:hover {
	background-color: #211e1d;
	border: 1px solid #211e1d;
	color: #ffffff;
	}
	.ps-button-muted-header::before,
	.ps-button-muted-header::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #211e1d;
	}
	.ps-button-muted-header::before {
	top: 0;
	}
	.ps-button-muted-header::after {
	bottom: 0;
	}
	.ps-button-muted-header:link,
    .ps-button-muted-header:visited,
    .ps-button-muted-header:hover,
    .ps-button-muted-header:active{
	color: #ffffff;
	}
	.ps-button-muted-header,
	.ps-button-muted-header::before,
	.ps-button-muted-header::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
	.ps-button-muted-header:hover::before,
	.ps-button-muted-header:hover::after {
	height: 0;
	background-color: #211e1d;
	}
/* ========================================================================
   Psling custom Component: Grid
 ========================================================================== */
/*
 * 1. Makes grid more robust so that it can be used with other block elements like lists
 */
.uk-grid {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* 1 */
  margin: 0;
  padding: 0;
  list-style: none;
}
/*
 * DEPRECATED
 * Micro clearfix
 * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit
 */
.uk-grid:before,
.uk-grid:after {
  content: "";
  display: block;
  overflow: hidden;
}
.uk-grid:after {
  clear: both;
}
/*
 * Grid cell
 * 1. Space is allocated solely based on content dimensions
 * 2. Makes grid more robust so that it can be used with other block elements
 * 3. DEPRECATED Using `float` to support IE9
 */
.uk-grid > * {
  /* 1 */
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  /* 2 */
  margin: 0;
  /* 3 */
  float: left;
}
/*
 * Remove margin from the last-child
 */
.uk-grid > * > :last-child {
  margin-bottom: 0;
}
/* Grid gutter
 ========================================================================== */
/*
 * Default gutter
 */
/* Horizontal */
.uk-grid {
  margin-left: -25px;
}
.uk-grid > * {
  padding-left: 25px;
}
/* Vertical */
.uk-grid + .uk-grid,
.uk-grid-margin,
.uk-grid > * > .uk-panel + .uk-panel {
  margin-top: 25px;
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  /* Horizontal */
  .uk-grid {
    margin-left: -40px;
  }
  .uk-grid > * {
    padding-left: 40px;
  }
  /* Vertical */
  .uk-grid + .uk-grid,
  .uk-grid-margin,
  .uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 40px;
  }
}
/*
 * Collapse gutter
 */
/* Horizontal */
.uk-grid-collapse {
  margin-left: 0;
}
.uk-grid-collapse > * {
  padding-left: 0;
}
/* Vertical */
.uk-grid-collapse + .uk-grid-collapse,
.uk-grid-collapse > .uk-grid-margin,
.uk-grid-collapse > * > .uk-panel + .uk-panel {
  margin-top: 0;
}
/*
 * Small gutter
 */
/* Horizontal */
.uk-grid-small {
  margin-left: -10px;
}
.uk-grid-small > * {
  padding-left: 10px;
}
/* Vertical */
.uk-grid-small + .uk-grid-small,
.uk-grid-small > .uk-grid-margin,
.uk-grid-small > * > .uk-panel + .uk-panel {
  margin-top: 10px;
}
/*
 * Medium gutter
 */
/* Horizontal */
.uk-grid-medium {
  margin-left: -25px;
}
.uk-grid-medium > * {
  padding-left: 25px;
}
/* Vertical */
.uk-grid-medium + .uk-grid-medium,
.uk-grid-medium > .uk-grid-margin,
.uk-grid-medium > * > .uk-panel + .uk-panel {
  margin-top: 25px;
}
/* Modifier: `uk-grid-divider`
 ========================================================================== */
/*
 * Horizontal divider
 * Only works with the default gutter. Does not work with gutter collapse, small or large.
 * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row.
 */
.uk-grid-divider:not(:empty) {
  margin-left: -25px;
  margin-right: -25px;
}
.uk-grid-divider > * {
  padding-left: 25px;
  padding-right: 25px;
}
.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
  border-left: 1px solid rgba(176, 171, 159, 0.15);
}
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
    border-left: 1px solid rgba(176, 171, 159, 0.15);
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
    border-left: 1px solid rgba(176, 171, 159, 0.15);
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  /*
     * Large gutter
     */
  .uk-grid-divider:not(:empty) {
    margin-left: -40px;
    margin-right: -40px;
  }
  .uk-grid-divider > * {
    padding-left: 40px;
    padding-right: 40px;
  }
  .uk-grid-divider:empty {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
/*
 * Vertical divider
 */
.uk-grid-divider:empty {
  margin-top: 25px;
  margin-bottom: 25px;
  border-top: 1px solid rgba(176, 171, 159, 0.15);
}
/* Match panels in grids
 ========================================================================== */
/*
 * 1. Behave like a block element
 */
.uk-grid-match > * {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* 1 */
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.uk-grid-match > * > * {
  /* 1 */
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  box-sizing: border-box;
  width: 100%;
}
/* Even grid cell widths
 ========================================================================== */
[class*='uk-grid-width'] > * {
  box-sizing: border-box;
  width: 100%;
}
.uk-grid-width-1-2 > * {
  width: 50%;
}
.uk-grid-width-1-3 > * {
  width: 33.333%;
}
.uk-grid-width-1-4 > * {
  width: 25%;
}
.uk-grid-width-1-5 > * {
  width: 20%;
}
.uk-grid-width-1-6 > * {
  width: 16.666%;
}
.uk-grid-width-1-10 > * {
  width: 10%;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
  .uk-grid-width-small-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-small-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-small-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-small-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-small-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-small-1-10 > * {
    width: 10%;
  }
}
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-grid-width-medium-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-medium-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-medium-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-medium-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-medium-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-medium-1-10 > * {
    width: 10%;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-grid-width-large-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-large-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-large-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-large-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-large-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-large-1-10 > * {
    width: 10%;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-grid-width-xlarge-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-xlarge-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-xlarge-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-xlarge-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-xlarge-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-xlarge-1-10 > * {
    width: 10%;
  }
}
/* Grid and panel in dropdown
 ========================================================================== */
/*
* Vertical gutter
*/
/*
 * Grid
 * Higher specificity to override large gutter
 */
.uk-grid .uk-dropdown-grid + .uk-dropdown-grid {
  margin-top: 15px;
}
/* Panels */
.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel {
  margin-top: 15px;
}
/* Tablet and bigger */
@media (min-width: 768px) {
  /*
     * Horizontal gutter
     */
  .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {
    margin-left: -15px;
    margin-right: -15px;
  }
  .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] {
    padding-left: 15px;
    padding-right: 15px;
  }
  /*
     * Column divider
     */
  .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
    border-left: 1px solid rgba(176, 171, 159, 0.15);
  }
  /*
     * Width multiplier for dropdown columns
     */
  .uk-dropdown-width-2:not(.uk-dropdown-stack) {
    width: 400px;
  }
  .uk-dropdown-width-3:not(.uk-dropdown-stack) {
    width: 600px;
  }
  .uk-dropdown-width-4:not(.uk-dropdown-stack) {
    width: 800px;
  }
  .uk-dropdown-width-5:not(.uk-dropdown-stack) {
    width: 1000px;
  }
}
/* Phone landscape and smaller */
@media (max-width: 767px) {
  /*
     * Stack columns and take full width
     */
  .uk-dropdown-grid > [class*='uk-width-'] {
    width: 100%;
  }
  /*
     * Vertical gutter
     */
  .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
    margin-top: 15px;
  }
}
/*
* Stack grid columns
*/
.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] {
  width: 100%;
}
.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
  margin-top: 15px;
}
/* Sub-object: `uk-dropdown-overlay`
 ========================================================================== */
.uk-dropdown-navbar .uk-panel > a:not([class]) {
  color: #f9dd98;
}
.uk-dropdown-navbar .uk-panel > a:not([class]):hover {
  color: #fcedc8;
}
@media (min-width: 768px) {
  .uk-dropdown-navbar:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) {
    border-left-color: rgba(207, 201, 188, 0.1);
  }
}
.uk-contrast .uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
  border-left-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
  .uk-contrast .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2),
  .uk-block-muted .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
    border-left-color: rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 960px) {
  .uk-contrast .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2),
  .uk-block-muted .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
    border-left-color: rgba(255, 255, 255, 0.1);
  }
}
.uk-contrast .uk-grid-divider:empty,
.uk-block-muted .uk-grid-divider:empty {
  border-top-color: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-list-striped > li:nth-of-type(odd),
.uk-block-muted .uk-list-striped > li:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-pagination > li > a,
.uk-block-muted .uk-pagination > li > a {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
}
.uk-contrast .uk-pagination > li > a:hover,
.uk-contrast .uk-pagination > li > a:focus,
.uk-block-muted .uk-pagination > li > a:hover,
.uk-block-muted .uk-pagination > li > a:focus {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.uk-contrast .uk-pagination > li > a:active,
.uk-block-muted .uk-pagination > li > a:active {
  background-color: #ffffff;
  color: #43403a;
}
.uk-contrast .uk-pagination > .uk-active > span,
.uk-block-muted .uk-pagination > .uk-active > span {
  background: #ffffff;
  color: #43403a;
}
.uk-contrast .uk-pagination > .uk-disabled > span,
.uk-block-muted .uk-pagination > .uk-disabled > span {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
}
.uk-contrast .uk-panel:not(.uk-panel-box) .uk-panel-title,
.uk-block-muted .uk-panel:not(.uk-panel-box) .uk-panel-title {
  color: #ffffff;
}
.uk-contrast .uk-panel:not([class*='uk-panel-box']) > .uk-panel-title,
.uk-block-muted .uk-panel:not([class*='uk-panel-box']) > .uk-panel-title {
  color: #ffffff;
}
.uk-contrast .uk-panel-header .uk-panel-title::after,
.uk-block-muted .uk-panel-header .uk-panel-title::after {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-panel + .uk-panel-divider::before,
.uk-block-muted .uk-panel + .uk-panel-divider::before {
  border-top-color: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-progress,
.uk-block-muted .uk-progress {
  background: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-table th,
.uk-contrast .uk-table td,
.uk-block-muted .uk-table th,
.uk-block-muted .uk-table td {
  border-color: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-table,
.uk-block-muted .uk-table {
  border-color: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-table tbody tr.uk-active,
.uk-block-muted .uk-table tbody tr.uk-active {
  background: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-table-striped tbody tr:nth-of-type(odd),
.uk-block-muted .uk-table-striped tbody tr:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-table-hover tbody tr:hover,
.uk-block-muted .uk-table-hover tbody tr:hover {
  background: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-link-muted,
.uk-contrast .uk-link-muted a,
.uk-block-muted .uk-link-muted,
.uk-block-muted .uk-link-muted a {
  color: rgba(255, 255, 255, 0.5);
}
.uk-slider:not(.uk-grid) {
  /* 1 */
  margin: 0;
  padding: 0;
  list-style: none;
}
.tm-grid-collapse > .uk-container > .uk-grid {
  width: 100%;
  margin-left: 0;
}
.tm-grid-collapse > .uk-container > .uk-grid > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0;
}
.uk-h1 + .uk-grid,
.uk-h2 + .uk-grid,
.uk-h3 + .uk-grid,
.uk-h4 + .uk-grid,
.uk-h5 + .uk-grid,
.uk-h6 + .uk-grid,
.uk-subnav + [class*='uk-grid'] {
  margin-top: 40px;
}
@media (min-width: 480px) {
  .uk-h1 + .uk-grid,
  .uk-h2 + .uk-grid,
  .uk-h3 + .uk-grid,
  .uk-h4 + .uk-grid,
  .uk-h5 + .uk-grid,
  .uk-h6 + .uk-grid,
  .uk-subnav + [class*='uk-grid'] {
    margin-top: 60px;
  }
}
.uk-grid + .uk-pagination {
  margin-top: 40px;
}
/* Sub-objects: `uk-width-*`
 ========================================================================== */
[class*='uk-width'] {
  box-sizing: border-box;
  width: 100%;
}
/*
 * Widths
 */
/* Whole */
.uk-width-1-1 {
  width: 100%;
}
/* Halves */
.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
  width: 50%;
}
/* Thirds */
.uk-width-1-3,
.uk-width-2-6 {
  width: 33.333%;
}
.uk-width-2-3,
.uk-width-4-6 {
  width: 66.666%;
}
/* Quarters */
.uk-width-1-4 {
  width: 25%;
}
.uk-width-3-4 {
  width: 75%;
}
/* Fifths */
.uk-width-1-5,
.uk-width-2-10 {
  width: 20%;
}
.uk-width-2-5,
.uk-width-4-10 {
  width: 40%;
}
.uk-width-3-5,
.uk-width-6-10 {
  width: 60%;
}
.uk-width-4-5,
.uk-width-8-10 {
  width: 80%;
}
/* Sixths */
.uk-width-1-6 {
  width: 16.666%;
}
.uk-width-5-6 {
  width: 83.333%;
}
/* Tenths */
.uk-width-1-10 {
  width: 10%;
}
.uk-width-3-10 {
  width: 30%;
}
.uk-width-7-10 {
  width: 70%;
}
.uk-width-9-10 {
  width: 90%;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
  /* Whole */
  .uk-width-small-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-small-1-2,
  .uk-width-small-2-4,
  .uk-width-small-3-6,
  .uk-width-small-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-small-1-3,
  .uk-width-small-2-6 {
    width: 33.333%;
  }
  .uk-width-small-2-3,
  .uk-width-small-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-small-1-4 {
    width: 25%;
  }
  .uk-width-small-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-small-1-5,
  .uk-width-small-2-10 {
    width: 20%;
  }
  .uk-width-small-2-5,
  .uk-width-small-4-10 {
    width: 40%;
  }
  .uk-width-small-3-5,
  .uk-width-small-6-10 {
    width: 60%;
  }
  .uk-width-small-4-5,
  .uk-width-small-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-small-1-6 {
    width: 16.666%;
  }
  .uk-width-small-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-small-1-10 {
    width: 10%;
  }
  .uk-width-small-3-10 {
    width: 30%;
  }
  .uk-width-small-7-10 {
    width: 70%;
  }
  .uk-width-small-9-10 {
    width: 90%;
  }
}
/* Tablet and bigger */
@media (min-width: 768px) {
  /* Whole */
  .uk-width-medium-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-medium-1-2,
  .uk-width-medium-2-4,
  .uk-width-medium-3-6,
  .uk-width-medium-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-medium-1-3,
  .uk-width-medium-2-6 {
    width: 33.333%;
  }
  .uk-width-medium-2-3,
  .uk-width-medium-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-medium-1-4 {
    width: 25%;
  }
  .uk-width-medium-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-medium-1-5,
  .uk-width-medium-2-10 {
    width: 20%;
  }
  .uk-width-medium-2-5,
  .uk-width-medium-4-10 {
    width: 40%;
  }
  .uk-width-medium-3-5,
  .uk-width-medium-6-10 {
    width: 60%;
  }
  .uk-width-medium-4-5,
  .uk-width-medium-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-medium-1-6 {
    width: 16.666%;
  }
  .uk-width-medium-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-medium-1-10 {
    width: 10%;
  }
  .uk-width-medium-3-10 {
    width: 30%;
  }
  .uk-width-medium-7-10 {
    width: 70%;
  }
  .uk-width-medium-9-10 {
    width: 90%;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  /* Whole */
  .uk-width-large-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-large-1-2,
  .uk-width-large-2-4,
  .uk-width-large-3-6,
  .uk-width-large-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-large-1-3,
  .uk-width-large-2-6 {
    width: 33.333%;
  }
  .uk-width-large-2-3,
  .uk-width-large-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-large-1-4 {
    width: 25%;
  }
  .uk-width-large-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-large-1-5,
  .uk-width-large-2-10 {
    width: 20%;
  }
  .uk-width-large-2-5,
  .uk-width-large-4-10 {
    width: 40%;
  }
  .uk-width-large-3-5,
  .uk-width-large-6-10 {
    width: 60%;
  }
  .uk-width-large-4-5,
  .uk-width-large-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-large-1-6 {
    width: 16.666%;
  }
  .uk-width-large-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-large-1-10 {
    width: 10%;
  }
  .uk-width-large-3-10 {
    width: 30%;
  }
  .uk-width-large-7-10 {
    width: 70%;
  }
  .uk-width-large-9-10 {
    width: 90%;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  /* Whole */
  .uk-width-xlarge-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-xlarge-1-2,
  .uk-width-xlarge-2-4,
  .uk-width-xlarge-3-6,
  .uk-width-xlarge-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-xlarge-1-3,
  .uk-width-xlarge-2-6 {
    width: 33.333%;
  }
  .uk-width-xlarge-2-3,
  .uk-width-xlarge-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-xlarge-1-4 {
    width: 25%;
  }
  .uk-width-xlarge-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-xlarge-1-5,
  .uk-width-xlarge-2-10 {
    width: 20%;
  }
  .uk-width-xlarge-2-5,
  .uk-width-xlarge-4-10 {
    width: 40%;
  }
  .uk-width-xlarge-3-5,
  .uk-width-xlarge-6-10 {
    width: 60%;
  }
  .uk-width-xlarge-4-5,
  .uk-width-xlarge-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-xlarge-1-6 {
    width: 16.666%;
  }
  .uk-width-xlarge-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-xlarge-1-10 {
    width: 10%;
  }
  .uk-width-xlarge-3-10 {
    width: 30%;
  }
  .uk-width-xlarge-7-10 {
    width: 70%;
  }
  .uk-width-xlarge-9-10 {
    width: 90%;
  }
}
/* Sub-object: `uk-push-*` and `uk-pull-*`
 ========================================================================== */
/*
 * Source ordering
 * Works only with `uk-width-medium-*`
 */
/* Tablet and bigger */
@media (min-width: 768px) {
  [class*='uk-push-'],
  [class*='uk-pull-'] {
    position: relative;
  }
  /*
     * Push
     */
  /* Halves */
  .uk-push-1-2,
  .uk-push-2-4,
  .uk-push-3-6,
  .uk-push-5-10 {
    left: 50%;
  }
  /* Thirds */
  .uk-push-1-3,
  .uk-push-2-6 {
    left: 33.333%;
  }
  .uk-push-2-3,
  .uk-push-4-6 {
    left: 66.666%;
  }
  /* Quarters */
  .uk-push-1-4 {
    left: 25%;
  }
  .uk-push-3-4 {
    left: 75%;
  }
  /* Fifths */
  .uk-push-1-5,
  .uk-push-2-10 {
    left: 20%;
  }
  .uk-push-2-5,
  .uk-push-4-10 {
    left: 40%;
  }
  .uk-push-3-5,
  .uk-push-6-10 {
    left: 60%;
  }
  .uk-push-4-5,
  .uk-push-8-10 {
    left: 80%;
  }
  /* Sixths */
  .uk-push-1-6 {
    left: 16.666%;
  }
  .uk-push-5-6 {
    left: 83.333%;
  }
  /* Tenths */
  .uk-push-1-10 {
    left: 10%;
  }
  .uk-push-3-10 {
    left: 30%;
  }
  .uk-push-7-10 {
    left: 70%;
  }
  .uk-push-9-10 {
    left: 90%;
  }
  /*
     * Pull
     */
  /* Halves */
  .uk-pull-1-2,
  .uk-pull-2-4,
  .uk-pull-3-6,
  .uk-pull-5-10 {
    left: -50%;
  }
  /* Thirds */
  .uk-pull-1-3,
  .uk-pull-2-6 {
    left: -33.333%;
  }
  .uk-pull-2-3,
  .uk-pull-4-6 {
    left: -66.666%;
  }
  /* Quarters */
  .uk-pull-1-4 {
    left: -25%;
  }
  .uk-pull-3-4 {
    left: -75%;
  }
  /* Fifths */
  .uk-pull-1-5,
  .uk-pull-2-10 {
    left: -20%;
  }
  .uk-pull-2-5,
  .uk-pull-4-10 {
    left: -40%;
  }
  .uk-pull-3-5,
  .uk-pull-6-10 {
    left: -60%;
  }
  .uk-pull-4-5,
  .uk-pull-8-10 {
    left: -80%;
  }
  /* Sixths */
  .uk-pull-1-6 {
    left: -16.666%;
  }
  .uk-pull-5-6 {
    left: -83.333%;
  }
  /* Tenths */
  .uk-pull-1-10 {
    left: -10%;
  }
  .uk-pull-3-10 {
    left: -30%;
  }
  .uk-pull-7-10 {
    left: -70%;
  }
  .uk-pull-9-10 {
    left: -90%;
  }
}
/*
 * 1. Space is allocated solely based on content dimensions
 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
 * 3. Create position context for dropdowns
 */
 
 /* Grid and panel in dropdown
 ========================================================================== */
/*
* Vertical gutter
*/
/*
 * Grid
 * Higher specificity to override large gutter
 */
.uk-grid .uk-dropdown-grid + .uk-dropdown-grid {
  margin-top: 15px;
}
/* Panels */
.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel {
  margin-top: 15px;
}
/* Tablet and bigger */
@media (min-width: 768px) {
  /*
     * Horizontal gutter
     */
  .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {
    margin-left: -15px;
    margin-right: -15px;
  }
  .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] {
    padding-left: 15px;
    padding-right: 15px;
  }
  /*
     * Column divider
     */
  .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
    border-left: 1px solid rgba(176, 171, 159, 0.15);
  }
  /*
     * Width multiplier for dropdown columns
     */
  .uk-dropdown-width-2:not(.uk-dropdown-stack) {
    width: 400px;
  }
  .uk-dropdown-width-3:not(.uk-dropdown-stack) {
    width: 600px;
  }
  .uk-dropdown-width-4:not(.uk-dropdown-stack) {
    width: 800px;
  }
  .uk-dropdown-width-5:not(.uk-dropdown-stack) {
    width: 1000px;
  }
}
/* Phone landscape and smaller */
@media (max-width: 767px) {
  /*
     * Stack columns and take full width
     */
  .uk-dropdown-grid > [class*='uk-width-'] {
    width: 100%;
  }
  /*
     * Vertical gutter
     */
  .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
    margin-top: 15px;
  }
}
/*
* Stack grid columns
*/
.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] {
  width: 100%;
}
.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
  margin-top: 15px;
}
/* Sub-object: `uk-dropdown-overlay`
 ========================================================================== */
.uk-dropdown-navbar .uk-panel > a:not([class]) {
  color: #f9dd98;
}
.uk-dropdown-navbar .uk-panel > a:not([class]):hover {
  color: #fcedc8;
}
@media (min-width: 768px) {
  .uk-dropdown-navbar:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) {
    border-left-color: rgba(207, 201, 188, 0.1);
  }
}
.uk-contrast .uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-contrast .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-block-muted .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
  border-left-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
  .uk-contrast .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2),
  .uk-block-muted .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
    border-left-color: rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 960px) {
  .uk-contrast .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2),
  .uk-block-muted .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
    border-left-color: rgba(255, 255, 255, 0.1);
  }
}
.uk-contrast .uk-grid-divider:empty,
.uk-block-muted .uk-grid-divider:empty {
  border-top-color: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-list-striped > li:nth-of-type(odd),
.uk-block-muted .uk-list-striped > li:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-pagination > li > a,
.uk-block-muted .uk-pagination > li > a {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
}
.uk-contrast .uk-pagination > li > a:hover,
.uk-contrast .uk-pagination > li > a:focus,
.uk-block-muted .uk-pagination > li > a:hover,
.uk-block-muted .uk-pagination > li > a:focus {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.uk-contrast .uk-pagination > li > a:active,
.uk-block-muted .uk-pagination > li > a:active {
  background-color: #ffffff;
  color: #43403a;
}
.uk-contrast .uk-pagination > .uk-active > span,
.uk-block-muted .uk-pagination > .uk-active > span {
  background: #ffffff;
  color: #43403a;
}
.uk-contrast .uk-pagination > .uk-disabled > span,
.uk-block-muted .uk-pagination > .uk-disabled > span {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
}
.uk-contrast .uk-panel:not(.uk-panel-box) .uk-panel-title,
.uk-block-muted .uk-panel:not(.uk-panel-box) .uk-panel-title {
  color: #ffffff;
}
.uk-contrast .uk-panel:not([class*='uk-panel-box']) > .uk-panel-title,
.uk-block-muted .uk-panel:not([class*='uk-panel-box']) > .uk-panel-title {
  color: #ffffff;
}
.uk-contrast .uk-panel-header .uk-panel-title::after,
.uk-block-muted .uk-panel-header .uk-panel-title::after {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-panel + .uk-panel-divider::before,
.uk-block-muted .uk-panel + .uk-panel-divider::before {
  border-top-color: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-progress,
.uk-block-muted .uk-progress {
  background: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-table th,
.uk-contrast .uk-table td,
.uk-block-muted .uk-table th,
.uk-block-muted .uk-table td {
  border-color: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-table,
.uk-block-muted .uk-table {
  border-color: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-table tbody tr.uk-active,
.uk-block-muted .uk-table tbody tr.uk-active {
  background: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-table-striped tbody tr:nth-of-type(odd),
.uk-block-muted .uk-table-striped tbody tr:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.1);
}
.uk-contrast .uk-table-hover tbody tr:hover,
.uk-block-muted .uk-table-hover tbody tr:hover {
  background: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-link-muted,
.uk-contrast .uk-link-muted a,
.uk-block-muted .uk-link-muted,
.uk-block-muted .uk-link-muted a {
  color: rgba(255, 255, 255, 0.5);
}
 /* dropdown menu 20190625
 ========================================================================== */
.ps-drop ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ps-drop ul li a {
  display: block;
  padding: .4em .8em;
  text-decoration: none;
  background: rgb(255, 255, 255);
  color: #333;
  text-align: left;
  margin: .2em 0;
}
.ps-drop ul li a:hover {
  background: rgb(229, 229, 229);
}
 /* text balance 20190626
 ========================================================================== */
.ps-eng {
 padding : 0px 15px 0px 0px;
}
.ps-text-comment {
 padding : 10px 5px 10px 5px;
}
.dividerBottom h1{
  position:relative;
  font-size: 25px;
  color: #ffffff;
  border-top: 1px solid #917c6b;
  background-color: #86c9cb;
  padding: 10px 0px 10px 0px;
  margin: -50px -20px 0px -20px;
  text-align: center;
  transform : translateX(-50%);
  margin-left: 50%;
  width: 100vw;
}
.ps-h2-onlinestore {
  font-size : 23px; 
  color: #211e1d; 
  border-left: 5px solid #917c6b;
  border-bottom: 1px solid #917c6b;
  padding-left: 20px;
  margin: 20px 5px 5px 5px;
  height: 30px;
  line-height: 30px;
}
.ps-h3-onlinestore {
  font-size : 21px; 
  color: #917c6b; 
  border-bottom: 1px solid #917c6b;
  margin: 30px 20px 10px 20px;
  height: 30px;
  line-height: 30px;
}
.ps-h4-onlinestore {
  font-size : 19px; 
  color: #917c6b; 
    padding-left: 20px;
  margin: 20px 0px 30px 0px;
  height: 30px;
  line-height: 30px;
}
.ps-caption-small {
 font-weight: bold;
 color: #917c6b; 
 font-size : 110%;
 padding : -15px 30px 2px 30px;
  margin : -10px 20px 20px 20px;
  text-align : right ;
}
/* 商品情報　商品名 */
.detail_item_data h1,
.detail_item_data .item_name {  
  font-size: 130%;
  color: #211e1d;
  border-top: 2px solid #917c6b;
  border-bottom: 1px solid #d7c8bc;
  background-color: #f5ebe3;
  padding: 20px 0px 20px 0px;
  margin: 10px 0px 40px 0px;
  text-align: center;
}
.ps-sub-character{
display: flex;
align-items: center;
  font-size : 28px; 
  color: #917c6b; 
    margin: 40px 5px 5px 5px;
}
.ps-sub-character::before, .ps-sub-character::after{
border-top: 2px solid #917c6b;
content: "";
flex-grow: 1;
}
.ps-sub-character::before{
margin-right: 1rem;
}
.ps-sub-character::after{
margin-left: 1rem;
}
.ps-text-color {
  padding: 0px 20px 10px 20px;
  font-size : 110%;
}
.ps-text-h2 .ps-text{
  margin: 0px 20px 10px 20px;
	color: #211e1d;
}
.ps-text-red {
 color: #db1616;
}
.ps-caption {
 font-size : 80%;
 text-align : left;
  background-color: #3a3636;
 color: #ffffff;
  padding : 10px 15px 10px 15px;
}
.ps-catch-text {
 padding : 0px 0px 5px 0px;
 background-color: #3a3636;
 color: #ffffff;
 text-align: center;
}
.ps-image-circle {
border-radius: 50% 50% 50% 50%;
}
.ps-image-80 {
width:80%;
margin : 20px 0px 40px 0px;
}
.ps-image-90 {
width:90%;
}
.ps-image-50 {
width:50%;
}
.ps-image-bottom {
}
.ps-image-title {
position: relative;
margin-top: 0px;
padding-top: 0px;
width: 100%;
 text-align : center;
background-color: #211e1d;
}
.ps-lightback {
 background-color: #f5f5f5;
   padding : 5px 10px 15px 10px;
}
.ps-block-90 {
    position: relative;
    width:90%;
height:90%;
 text-align : center;
}
.ps-box-small{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 1px #d7c8bc;
    border-bottom: solid 1px #d7c8bc;
    color: #917c6b;
    text-align: center;
}
.ps-box-small:before, .ps-box-small:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #d7c8bc;
}
.ps-box-small:before {left: 10px;}
.ps-box-small:after {right: 10px;}
.ps-box-small p {
    margin: 3px; 
    padding: 3px;
}
.ps-step {
  font-size : 20px; 
  color: #211e1d; 
  border-bottom: 3px solid #211e1d;
  margin: 30px 20px 30px 20px;
  height: 30px;
  line-height: 30px;
}
.content ul li :before{
	list-style-type:none;
	list-style: none;
	background-image:none; padding-left:0; 
	display:block;
}
.content ul > li:before{
	display:block;
	position:absolute;
	padding-left: 0;
	transform: scale(0);
	color: #f5f5f5;
}
.ps-back-a {
 background-color: #d7c8bc;
	margin: 0;
	padding: 10px 30px 10px 0px;
}
.ps-back-b {
 background-color: #f5ebe3;
	margin: 0;
	padding: 10px 30px 10px 0px;
}
.ps-back-c {
 background-color: #f5f5f5;
	margin: 0;
	padding: 10px 30px 10px 0px;
}
.ps-back-c2 {
 background-color: #f5f5f5;
		padding: 10px 0px 10px 0px;
}
.ps-sub-title-center-main {
		transform : translateX(-50%);
	  margin-left: 50%;
   width: 100vw;
	font-size : 80%;
 text-align : center;
  background-color: #3a3636;
 color: #ffffff;
}
.ps-menu {
	margin: 0px 30px 0px 30px;
		  background-color: #211e1d;
	width: 80%;
}
.ps-index-title {
 font-size : 90%;
 text-align : left;
	border-left: 2px solid #211e1d;
	border-bottom: 1px solid #211e1d;
 color: #211e1d;
		margin: 0px 30px 0px 20px;
  padding : 0px 0px 0px 10px;
}
.ps-spacer-10 {
    clear: both;
    width: auto;
    height: 10px;
    }
.ps-spacer-20 {
    clear: both;
    width: auto;
    height: 20px;
    }
.ps-spacer-80 {
    clear: both;
    width: auto;
    height: 80px;
    }
.ps-small-box-title {
 font-size : 80%;
 text-align : center;
  background-color: #f5ebe3;
 color: #211e1d;
  padding : 2px 15px 2px 15px;
  margin : 0px 0px 0px 30px;
}
.ps-form-fit {
	 padding : 5px 10px 10px 10px;
	 margin : 0px 0px 0px 0px;
	 background-color: #f5f5f5;
}
.ps-circle-b {
	  background-color: #3a3636;
	color: #fff;
	font-size: 200%;
 height:50px;
 width:50px;
 border-radius:50%;
 line-height:50px;
 text-align:center;
}
.ps-circle-c {
	  background-color: #86c9cb;
	color: #fff;
	font-size: 200%;
 height:50px;
 width:50px;
 border-radius:50%;
 line-height:50px;
 text-align:center;
}
.ps-faq-text {
	 font-size: 110%;
	 padding : 20px 10px 20px 10px;
	 margin : 0px 0px 0px 5px;
	 background-color: #f5f5f5;
}
.ps-padding-top-20 {
	 padding-top : 20px;
}
.ps-image-main {
}
.ps-text {
color: #3a3636;
}
.ps-text-small{
color: #3a3636;
font-size: 80%;
}
.youtube_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.youtube_map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/*!動画の最大幅を指定する*/
.video-container{
  max-width:640px;
}
 
/*!動画の大きさを調整*/
.video-container .video {
  position: relative;
  padding-bottom: 56.25%;
  margin-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
 
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-click {
  cursor: pointer;
}
 
.video-click:hover .video-play {
    background: url("youtube-play.png") no-repeat scroll -101px -13px rgba(0, 0, 0, 0);
}
 
.video-play {
  background: url("youtube-play.png") no-repeat scroll 2px -13px rgba(0, 0, 0, 0);
  height: 62px;
  left: 50%;
  margin-left: -45px;
  margin-top: -33px;
  position: absolute;
  top: 35%;
  width: 100px;
  opacity: 0.8;
}
 
.video-title-grad {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAQAAAA7fHH2AAAAQUlEQVQYV22KQQoAIAzDyv7/Et/oVlGZVCfkkIYamsENXESyi8vc0u/PKZ6o8+7fZ0h8ShRYnD+BFKToRJkHFpkM2hZSxuyWpEYAAAAASUVORK5CYII=");
  background-position: center top;
}
 
.video-title-text {
  color: #eeeeee;
  font-family: Roboto,Arial,Helvetica,sans-serif;
  font-size: 17px;
  overflow: hidden;
  padding: 12px 16px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.heading-slider{
	color:#ffffff;
	font-size:2.0rem;
}
.ps-caption-center {
			transform : translateY(-60%);
 font-size : 80%;
 text-align : center;
 background-color: #3a3636;
 color: #ffffff;
 padding : 5px 10px 10px 5px;
 margin : 0px 0px 0px 0px;
}
.ps-to-english {
font-size : 80%;
margin : 0px 0px 0px 0px;
}
.ps-to-english-secondlevel {
font-size : 80%;
			transform : translateY(-100%);
			margin-bottom: -50px;
			 background-color: #f5f5f5;
			   padding: 0px 25px 10px 0px;
}
.ps-policy {
font-size : 200%;
margin : 20px 0px 20px 0px;
 text-align : center;
 background-color: #86c9cb;
 color: #211e1d;
}
.ps-list-menu ul {
  list-style: none;
  margin: 0;
  padding: 0px 0px -2px -10px;
  border: 1px solid #d7c8bc;
}
.ps-list-menu ul li a {
  display: block;
  padding: .4em .8em;
  text-decoration: none;
  background: #fff;
  color: #211e1d;
  text-align: left;
  margin: .2em 0;
}
.ps-list-menu ul li a:hover {
  background: #f5ebe3;
}
.breadcrumb{
margin-bottom: -10px;
	padding-bottom: 18px ;
	color: #ffffff;
	background: #211e1d;
	overflow-x: auto;
	border-bottom:0px solid #ffffff;
}
 /* 「RightToLeft」の動作内容 */
@keyframes RightToLeft {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(50px);/* X軸方向に50px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}
 /* 「TopToBottom」の動作内容 */
@keyframes TopToBottom {
  0% {
    opacity: 0;/* 透明 */
    transform: translateY(-20px);/* Y軸方向に-20px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);
  }
}
 /* 「LeftToRight」の動作内容 */
@keyframes LeftToRight {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(-20px);/* x軸方向に-20px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);
  }
}

/* 上記を適用する箇所 */
.ps-animation-slide-right-small {
  animation-duration: 2s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
}
.ps-animation-slide-right-medium {
  animation-duration: 3.5s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
}
.ps-animation-slide-right-large {
  animation-duration: 5s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
}
.ps-animation-slide-top-small {
  animation-duration: 1s;/* アニメーション時間 */
  animation-name: TopToBottom;/* アニメーション名 */
}
.ps-animation-slide-left-small {
  animation-duration: 1s;/* アニメーション時間 */
  animation-name: LeftToRight;/* アニメーション名 */
}
.ps-to-japanese {
		transform : translateX(-50%);
	  margin-left: 50%;
   width: 100vw;
	font-size : 80%;
 text-align : right;
  background-color: #3a3636;
  margin-top : 0px;
 padding : 0px 50px 5px 5px;
 color: #ffffff;
}
/*フッターの背景色 */
.bottomFooter {
	background-color: #211e1d !important; /*フッター背景色*/
	padding: 30px 0; /*フッターエリアの余白*/
}
.bottomFooter__copyright,
.bottomFooter__producer {
	color: #fff !important; /*フッター文字色*/
}
#ps-cardlayout-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 2em auto;
    max-width: 1170px;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

/* リンクテキストの下線を非表示 */
a.ps-card-link {
    text-decoration: none;
}

/* カードレイアウト内の画像を幅いっぱいに表示 */
#ps-cardlayout-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
}

.ps-card-figure {
    margin: 0;
    padding: 0;
}

/* カードレイアウトのタイトル部分 */
.ps-card-title {
    margin: 0.6em 0 0;
    color: #211e1d;
    text-align: center;
    font-size: 1.7em;
}

/* カードレイアウトの説明文部分 */
.ps-card-text-tax {
    margin: 0;
    padding: 1em;
    color: #818181;
}

/* カードレイアウトを1カラムで配置 */
.ps-card-list {
    margin: 0.5em auto;
    padding: 0;
    width: 96%;
    background: #f0f0f0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

/* 画面幅768px以上の場合カードレイアウトを2カラムで配置 */
@media all and (min-width: 768px) {
    .ps-card-list {
        width: calc(96% / 2); /* 96%幅を2で割るという指定 */
    }
}

/* 画面幅992px以上の場合カードレイアウトを4カラムで配置 */
@media all and (min-width: 992px) {
    .ps-card-list {
        width: calc(96% / 4); /* 96%幅を3で割るという指定 */
}
    
/* 最後の行が3列より少ない場合左寄せにレイアウトさせる */
    #ps-cardlayout-wrap::after{
        content: "";
        display: block;
        width: calc(96% / 3);
    }
}
/* ========================================================================
   Component: Badge
 ========================================================================== */
.uk-badge {
  display: inline-block;
  padding: 0 5px;
  background: #f1f6fa;
  font-size: 13px;
  font-weight: 300;
  line-height: 22px;
  color: #2b3034;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  border-radius: 3px;
}
/*
 * Keep color when badge is a link
 */
a.uk-badge:hover {
  color: #ffffff;
}
/* Modifier: `uk-badge-notification`;
 ========================================================================== */
.uk-badge-notification {
  box-sizing: border-box;
  min-width: 18px;
  border-radius: 500px;
  font-size: 13px;
  line-height: 18px;
}
/* Color modifier
 ========================================================================== */
/*
 * Modifier: `uk-badge-success`
 */
.uk-badge-success {
  background-color: #7bc075;
  color: #ffffff;
}
/*
 * Modifier: `uk-badge-warning`
 */
.uk-badge-warning {
  background-color: #f2914a;
  color: #ffffff;
}
/*
 * Modifier: `uk-badge-danger`
 */
.uk-badge-danger {
  background-color: #e13d45;
  color: #ffffff;
}
/* ========================================================================
   Component: Button
 ========================================================================== */
/*
 * Removes inner padding and border in Firefox 4+.
 */
.uk-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Correct inability to style clickable `input` types in iOS.
 * 2. Remove margins in Chrome, Safari and Opera.
 * 3. Remove borders for `button`.
 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
 * 7. Style
 * 8. `line-height` is used to create a height
 * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working.
 * 10. Reset button group whitespace hack
 * 11. Required for `a`.
 */
.uk-button {
  /* 1 */
  -webkit-appearance: none;
  /* 2 */
  margin: 0;
  /* 3 */
  border: none;
  /* 4 */
  overflow: visible;
  /* 5 */
  font: inherit;
  color: #858b92;
  /* 6 */
  text-transform: none;
  /* 7 */
  display: inline-block;
  box-sizing: border-box;
  padding: 0 12px;
  background: #3c4349;
  vertical-align: middle;
  /* 8 */
  line-height: 30px;
  /* 9 */
  min-height: 30px;
  /* 10 */
  font-size: 14px;
  /* 11 */
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  font-weight: inherit;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.uk-button:not(:disabled) {
  cursor: pointer;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 */
.uk-button:hover,
.uk-button:focus {
  background-color: #454e54;
  color: #cad2da;
  /* 2 */
  outline: none;
  /* 3 */
  text-decoration: none;
}
/* Active */
.uk-button:active,
.uk-button.uk-active {
  background-color: #454e54;
  color: #ffffff;
}
/* Color modifiers
 ========================================================================== */
/*
 * Modifier: `uk-button-primary`
 */
.uk-button-primary {
  background-color: #fe634a;
  color: #ffffff;
}
/* Hover */
.uk-button-primary:hover,
.uk-button-primary:focus {
  background-color: #fe7d68;
  color: #ffffff;
}
/* Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: #e95841;
  color: #ffe5ac;
}
/*
 * Modifier: `uk-button-success`
 */
.uk-button-success {
  background-color: #7bc075;
  color: #ffffff;
}
/* Hover */
.uk-button-success:hover,
.uk-button-success:focus {
  background-color: #8fca8a;
  color: #ffffff;
}
/* Active */
.uk-button-success:active,
.uk-button-success.uk-active {
  background-color: #71ab6c;
  color: rgba(255, 255, 255, 0.85);
}
/*
 * Modifier: `uk-button-danger`
 */
.uk-button-danger {
  background-color: #e13d45;
  color: #ffffff;
}
/* Hover */
.uk-button-danger:hover,
.uk-button-danger:focus {
  background-color: #e5585e;
  color: #ffffff;
}
/* Active */
.uk-button-danger:active,
.uk-button-danger.uk-active {
  background-color: #d02f37;
  color: rgba(255, 255, 255, 0.85);
}
/* Disabled state
 * Overrides also the color modifiers
 ========================================================================== */
/* Equal for all button types */
.uk-button:disabled {
  background-color: #33393e;
  color: #60676d;
}
/* Modifier: `uk-button-link`
 ========================================================================== */
/* Reset */
.uk-button-link,
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active,
.uk-button-link:disabled {
  border-color: transparent;
  background: none;
  font-size: 14px;
  font-weight: inherit;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* Color */
.uk-button-link {
  color: #fe634a;
}
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active {
  color: #ff997e;
  text-decoration: underline;
}
.uk-button-link:disabled {
  color: #60676d;
}
/* Focus */
.uk-button-link:focus {
  outline: 1px dotted;
}
/* Size modifiers
 ========================================================================== */
.uk-button-mini {
  min-height: 20px;
  padding: 0 6px;
  line-height: 20px;
  font-size: 12px;
}
.uk-button-small {
  min-height: 25px;
  padding: 0 10px;
  line-height: 25px;
  font-size: 13px;
}
.uk-button-large {
  min-height: 40px;
  padding: 0 15px;
  line-height: 40px;
  font-size: 17px;
}
/* Sub-object `uk-button-group`
 ========================================================================== */
/*
 * 1. Behave like buttons
 * 2. Create position context for dropdowns
 * 3. Remove whitespace between child elements when using `inline-block`
 * 4. Prevent buttons from wrapping
 * 5. Remove whitespace between child elements when using `inline-block`
 */
.uk-button-group {
  /* 1 */
  display: inline-block;
  vertical-align: middle;
  /* 2 */
  position: relative;
  /* 3 */
  font-size: 0.001px;
  /* 4 */
  white-space: nowrap;
}
.uk-button-group > * {
  display: inline-block;
}
/* 5 */
.uk-button-group .uk-button {
  vertical-align: top;
}
/* Sub-object: `uk-button-dropdown`
 ========================================================================== */
/*
 * 1. Behave like buttons
 * 2. Create position context for dropdowns
 */
.uk-button-dropdown {
  /* 1 */
  display: inline-block;
  vertical-align: middle;
  /* 2 */
  position: relative;
}
/* Sub-object `uk-button-group`
     ========================================================================== */
/*
     * Reset border-radius
     */
.uk-button-group > .uk-button:not(:first-child):not(:last-child),
.uk-button-group > div:not(:first-child):not(:last-child) .uk-button {
  border-radius: 0;
}
.uk-button-group > .uk-button:first-child,
.uk-button-group > div:first-child .uk-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.uk-button-group > .uk-button:last-child,
.uk-button-group > div:last-child .uk-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/*
     * Collapse border
     */
.uk-button-group > .uk-button:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) .uk-button {
  margin-left: -1px;
}