@charset "UTF-8";

/*
html {
	font-size: 62.5%;
}

body {
	font-size: 1.6em;
}
*/



.titlelogo {
    height:70px;
    width:210px;
}
.backgroundpattern {
    background-size: 20%;
    background-image: url(../images/pattern.png);
    background-repeat: repeat;
}

* {
    font-family: 'M PLUS Rounded 1c', 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    color: #000000;
    text-shadow:0px 0px 1px #000;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  * {
    text-shadow:none !important;
  }
  .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    height: 80px;
  }
}

/* section a:not(.button) { */
section a {
      color: #0000FF !important;
    text-shadow:0px 0px 1px #00F !important;
}


.background-radius {
    border-radius: 10px;
    background-color:#FFFFFFBB;
    background: rgb(255,255,255);
    filter:alpha(opacity=60); 
    background: rgba(255,255,255,0.6);
    position: relative;
}

section .background-radius {
    max-width: 960px;
    margin:0 auto;
}

header {
    background-size: auto auto;
    background-color: rgba(49, 173, 246, 1);
    background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(37, 166, 242, 1) 10px, rgba(37, 166, 242, 1) 20px );
}
.uk-navbar-nav > li > a {
    color: #fff;
    text-shadow:0px 0px 1px #fff;
}

.uk-navbar-toggle,
.uk-navbar-toggle > svg > rect {
    color: #fff;
    text-shadow:0px 0px 1px #fff;
}

.uk-radio {
    background-color: #ffffff;
}
.uk-button-primary {
    text-shadow:0px 0px 1px #fff;
}
.uk-button-default {
    text-shadow:0px 0px 1px #333;
}


.h1 {
    font-size: 1.8rem;
    font-weight:bold;
    color: #0082CE; 
    text-shadow:0px 0px 1px #0082CE;
}
@media screen and (max-width:959px) { 
    .h1 {
        font-size: 1.4rem;
    }
}

footer {
    background-color: #444444;
}

footer address {
    font-size: 0.8rem;
}

.button {
    width: 100%;
    background-color:#0082CE;
    border:3px solid #ffffff;
    border-radius: 10px;
    box-shadow: inset 4px 4px 4px rgba(255,255,255,.2), inset -4px -4px 4px rgba(0,0,0,.1), 0 8px 0 #e1e1e1;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
    line-height:2em;
    font-size:1rem;
    padding-left: 0px;
    padding-right: 0px;
}
@media screen and (min-width:960px) { 
    .button {
        font-size: 1.2rem;
    }
}

.button.pushed {
    animation: 0.2s cubic-bezier(.2,1,.2,1) 0s 1 pushed;
}
@keyframes pushed
{
  0%, 100% { transform: scale(1,1); }
  50% { transform: scale(0.9,0.9); }
}