@charset "UTF-8";
/* text */

body{
    color:#0A0A0A;
}

h1{
    font-size:2rem;
}

a{
    color:#021479;
}

a:hover{
    color:#0232a9;
}

.bk-blue a{
    color: #ffffff;
}

.bk-blue a:hover{
    color: #FEC82E;
    text-decoration: none;
}

.txt-blue{
    color: #021479;
}

.txt-white{
    color:#FFFFFF;
}

.txt-yellow{
    color:#FEC82E;
}

.txt-light-yellow{
    color:#FEF5E2;
}

.border-blue-top{
    border-top:1px #021479 solid;
}

.pc { display: block !important; }
.sp { display: none !important; }


/*Navi*/

ul.nav-line{
  display:flex;  
}

li.nav-line{

border-right: 1px solid #fff;
}

li.nav-line a{
color:#fff;
display:block;
padding:10px 10px;
}



.uk-navbar-nav.custom-navi>li>a {
    color:rgba(255,255,255,0.9);
}

.uk-navbar-nav.custom-navi>li>a:hover {
    color:#FEC82E;
}

.uk-navbar-dropdown-nav>li>a {
    color: #CCC;
}

.uk-navbar-dropdown-nav>li.uk-active>a{
    color:#FEC82E;
}




/*Background*/


.bk-blue{
    color:#FFFFFF;
    background-color: #021479;
}

.bk-blue-70{
    background-color: rgba(2,20,121,0.7);
}

.bk-toggle{
    background-color: #021479;
    padding:5px;
    width:40px;
    height:40px;
}

.bk-yellow{
    color:#021479;
    background-color: #FEC82E;
}

.bk-light-yellow{
    background-color: #FEF5E2;
}

.bk-new{
    color:#021479;
    background-color: #FEC82E;
}

.bk-white{
    background-color: #FFFFFF;
    /*background: url("../images/bk_01.png") no-repeat top left;
    background-size: 100% auto;*/
}

.bk-white-60{
    background-color: rgba(255,255,255,0.6);
}

.bk-illust01{
    height: 300px;
    background-image:url("../images/bk_03.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size:50% auto;
}

.bk-illust02{
    height: 300px;
    background-image:url("../images/bk_01.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size:50% auto;
}

.bk-illust03{
    height: 300px;
    background-image:url("../images/bk_02.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size:50% auto;
}


.bk-image01{
    height: 350px;
    background-image:url("../images/image_01.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size:45% auto;
}

.bk-image02{
    height: 350px;
    background-image:url("../images/image_02.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size:45% auto;
}


.img-35{
    width:35%;
}

.img-40{
    width:40%;
}

.img-50{
    width: 50%;
}


.img-h50{
    height: 50%;
}

.icon-size {
    width:50px;
    height:auto;
    padding-bottom: 1.5em;
}






/*button*/


.btn-blue{
    color:#FEF5E2;
    font-weight: bold;
    background-color: #021479;
    border-radius: 30px;
    border:none;
}

.btn-blue:hover{
    color:#FEC82E;
    background-color: #021479;
    border-radius: 30px;
    border:none;
}



/*top-image*/
.top-image{
    position:absolute;
    top:400px;
}

.top-copy{
    position:absolute;
    top:1000px;
}


/*image*/

.img-half{
    width:50%;
    height:auto;
}


.img-50{
    width:50%;
    height:auto;
}


/*topics*/

.topics-txt{
    text-align: left;
    border-bottom:1px solid #CCCCCC;        
}


/*Number*/

.block_number_01{
    font-family: 'Frank Ruhl Libre', serif;
    display: inline-block;
    width: 50px;
    height: 50px; 
    font-size:2em;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    color:#FEF5E2;
    font-weight: bold;
    background-color: #021479;
    margin-right:20px;
}

.block_number_02{
    font-family: 'Frank Ruhl Libre', serif;
    display: inline-block;
    width: 50px;
    height: 50px; 
    font-size:2em;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    color:#021479;
    font-weight: bold;
    background-color: #FEC82E;
    margin-right:20px;
    
}


/*archives*/

.box28 {
    position: relative;
    margin: 0;
    padding: 0;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: 10px;
    left: 0;
    padding: 5px 20px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    background: #021479;
    color: #ffffff;
}
.box28 p {
    margin: 0; 
    padding: 0;
}


.box28 .box-title.txt-yellow{
    color:#FEC82E;
}


/*tab*/

.archives-tab>.uk-active>a {
    font-weight:bold;
    border-bottom:3px #021479 solid;
    margin-bottom:20px;
}

.uk-navbar-container:not(.uk-navbar-transparent){
    background: #ffffff;
}