.uk-navbar-container {
  background: transparent !important;
  color: #333 !important;
  border-top: 5px solid #f2d0e9; }


/* ========================================================================
   Component: Dotnav
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Reset list
 * 3. Gutter
 */
 .uk-dotnav {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 3 */
  margin-left: -12px;
}
/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 */
.uk-dotnav > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 12px;
}
/* Items
 ========================================================================== */
/*
 * Items
 * 1. Hide text if present
 */
.uk-dotnav > * > * {
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
  /* 1 */
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid rgb(255, 255, 0);
  transition: 0.2s ease-in-out;
  transition-property: background-color, border-color;
}
/* Hover */
.uk-dotnav > * > :hover {
  background-color: rgba(255, 255, 0);
  border-color: transparent;
}
/* OnClick */
.uk-dotnav > * > :active {
  background-color: rgba(255, 255, 0);
  border-color: transparent;
}
/* Active */
.uk-dotnav > .uk-active > * {
  background-color: rgba(255, 255, 0);
  border-color: transparent;
}

/*
.uk-form-width-tel {
  width: 70px; 
}

.uk-section-primary {
  background: #f2d0e9; 
}

.uk-custom-navtitle {
  margin-top: 10px;
  color: #f54378; 
}

.uk-navbar-nav > li {
  min-height: 40px;
  margin: auto 5px; 
}

.uk-navbar-nav > li > a {
  color: #333;
  font-weight: bold;
  min-height: 40px;
  margin-top: 3px;
  padding: 0 10px;
  font-size: .8em; 
}

@media (min-width: 640px) {
  .uk-navbar-nav > li > a {
    padding: 0 5px;
    font-size: 0.9em; } 
}

@media (min-width: 1200px) {
  .uk-navbar-nav > li > a {
    padding: 0 15px;
    font-size: 1.1em; } 
}

.uk-nav-primary > li > a {
  color: #f2d0e9; 
}
*/
.uk-heading-line {
  color: #f2d0e9;
  font-weight: 600;
  line-height: 1; 
}

.uk-heading-line > ::before,
.uk-heading-line > ::after {
  border-color: #f2d0e9;
  border-width: calc(.2px + .3em);
  border-radius: 75%; 
}

.uk-heading-line small {
  font-size: .4em; 
}

.uk-th-top th {
  vertical-align: top; 
}

.uk-heading-noline > ::before,
.uk-heading-noline > ::after {
  border-width: 0; 
}

.uk-card-default.uk-card-hover:hover {
    background-color: #ffff00;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
/*
 * Secondary
 */
.uk-card-badge {
  background: #0000ff;
}
 
.uk-card-secondary {
  background-color: #f2d0e9;
  color: #fff;
  box-shadow: 0 5px 15px rgba(248, 12, 197, 0.08);
}

.uk-card-secondary .uk-card-title {
  color: #f54378;
}

.uk-card-secondary.uk-card-hover:hover {
  background-color: #f54378;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
} 

/* ========================================================================
   Local Setting
 ========================================================================== */
#top {
  border-top: 10px solid #f2d0e9;
  background-color: rgba(255, 255, 255, 0.95); 
}

#resultlist li a {
  line-height: 1.6; 
}

.bg-blink {
  background: darkred; 
}

.bg-blink div {
  text-align: center;
  animation: flash 2s linear infinite;
  width: 100%;
  height: 100%;
  background: #f2d0e9; 
}

.bg-blink div a {
  color: white;
  font-weight: bold;
  font-size: 1.2rem; 
}

@keyframes flash {
  0%,
  100% {
    opacity: 0.3; }
  50% {
    opacity: 1;
    background: #f2d0e9; } 
  }

h2.subtitle {
  background: #f7d7ee;
  color: #f54378;
  text-align: center;
  font-family: メイリオ; 
}

/* yellow
*/
.label-yellow {
   background-color: #ffff00;
   color: #080808;
}
 
.text-yellow  {
   color: #ffff00;
 }
 
.text-sakura  {
   color: #f2d0e9;
}
 
.text-sakura-core  {
   color: #f54378;
}
  
.text-xlarge {
   font-size: 30px;
 }
 
.txt-indent {
   text-indent: 2em;
   padding-left: 2em;
}
 
.hidden-up-to-s {
  display: none; 
}

@media (min-width: 640px) {
  /* @breakpoint-small */
  .hidden-up-to-s {
    display: block; } 
  }

 /* font */
 .font_kosugimaru	{
    font-family: 'Kosugi Maru';
}
 
 /* コピーライト */
 .copyright		{text-align: center;}
 .copyright p	{
               color: #666666;
               font-size: 14px}