@charset "UTF-8";
/*
    apteq_original css
*/
@font-face {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-style: normal;
  src: url("https://use.fontawesome.com/releases/v5.6.1/webfonts/fa-solid-900.woff2") format("woff2");
    font-display: swap;
}
html {
    font-size: 16px;
}
body {
    color: #333;
	font-family: Shin Go Regular, Yu Gothic UI, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    line-height: 1.7;
}
a, a:visited {
    text-decoration: none;
    color: #333;
}
a:hover {
    /*text-decoration: none;*/
    color: #1e78c2;
}
.bold {
	font-family: Shin Go Medium;
}
.font_ud {
	font-family: UD Shin Go Regular;
}
.font_mb101 {
	font-family: Gothic MB101 Bold;
}
span.aks { /* あんまり改行 されたくない */
	display: inline-block;
}
/* ウクライナ語のページはシステムフォント */
header#masthead.header_ua {
    font-family: san-serif;
}
header#masthead.header_ua + main {
	font-family: san-serif;
}

/* header */
.navbar-light .navbar-toggler {
	border: none;
    box-shadow: none;
    transition: all .4s;
	margin-top: -12vw;
}
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}
h1.site-title {
	line-height: 0.9;
}
h1.site-title a {
	font-size: 1.2rem;
	color: #005bbb/*#0057b8/*#1e78c2*/;
	/*text-shadow: 1px 1px 1px #222;*/
}
h1.site-title + p {
    line-height: 1.4;
}
#navbarSupportedContent {
	min-width: 280px;
}
.site-branding p {
    font-size: 14px;
}
.ufu_logo {
    width: 65px;
}
.link_lang {
    bottom: -1rem;
    right: 1rem;
}
.link_lang_pc {
    margin-right: -12px;
    z-index: 1;
}
.link_lang a, .link_lang_pc a {
	font-size: 90%;
}
.link_lang img, .link_lang_pc img {
    width: 1.5rem;
    margin-top: -3px;
}

/* footer */
.footer_info {
	line-height: 1.4;
	margin: 0 auto;
    font-size: 90%;
}
img.fb_img {
	width: 30px;
}

/* top */
#video video {
    width: 100%;
}
.top_content {
	max-width: 1030px;
}
.newspost {
	line-height: 1.5;
	margin-bottom: 0.2rem;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 0.2rem;
	word-wrap: break-word;
}
.news_jp .newpost, .news_jp .not_new {
    width: 3rem;
}
.news_ua .newpost, .news_ua .not_new {
    width: 4rem;
}
.badge.news_jp_1, .badge.news_ua_1 {
    background-color: green;
}
.badge.news_jp_2, .badge.news_ua_2 {
    background-color: dodgerblue;
}
.badge.news_jp_3, .badge.news_ua_3 {
    background-color: mediumvioletred;
}
.badge.news_jp_4, .badge.news_ua_4 {
    background-color: orange;
}
#links h3 {
	background-color: #ffd500;
	color: #555;
}
.link_post {
	background-color: ivory;
	padding: 0.2rem;
	margin-top: 1rem;
	border-radius: 0.5rem;
	border: 1px solid lemonchiffon;
	word-wrap: break-word;
}
.link_post.link_post_76, .link_post.link_post_136 {
	background-color: transparent;
	border: none;
	padding: 0;
}
.wp-block-button {
	width: 100%;
}
.wp-block-button a {
	color: #005bbb;
	background-color: transparent;
	text-align: center;
	border: solid 1px #005bbb;
	border-radius: 0;
	width: 100%;
	padding: 0.5rem;
	margin-bottom: 1rem;
	background-color: #fff;
	transition: all .4s;
}
.wp-block-button__link:visited {
	color: #005bbb;
}
/*.wp-block-button__link:active, .wp-block-button__link:focus, */.wp-block-button__link:hover, .wp-block-button__link:visited:hover {
	color: #fff;
    background-color: rgba(0,90,187,0.8)
;
}
.pdflink {
	font-size: 80%;
	padding: 3px 5px 2px
}
.frontpage .pdflink {
	vertical-align: 2px;
}
ol li::marker {
    font-weight: bold;
	font-family: sans-serif;
}
#link_menu ul li {
    position: relative;
    list-style-type: none!important;
    padding: 0.5em 0.5em 0.5em 0.5em;
    margin: 0 0 0.5rem 0;
    line-height: 1.5;
    background: #dbebf8;
    vertical-align: middle;
    color: #505050;
    border-radius: 0.5rem;
    flex-basis: 100%;
}
#link_menu ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    position: absolute;
    left: 1em;
}
#link_menu ul li a {
    margin-left: 1.2em;
    font-size: 1.2rem;
    font-weight: bold;
}
.to_menu {
    bottom: 0;
    transition: all .6s;
    opacity: 0;
    transform: translateY(60px);
}
.to_menu.show {
    opacity: 1;
    transform: translateY(0);
}
.to_menu a {
    background-color: rgba( 0,91,187, 0.7);
    color: #fff!important;
    border-color: transparent;
}

/* news archive */
.to_newslist {
    background: #dbebf8;
    color: #505050;
    border-radius: 0.5rem;
    font-size: 1.2rem;
    font-weight: bold;
}
.to_newslist:before {
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    position: absolute;
    right: 1em;
    margin-top: 1px
}
a.page-numbers {
    font-size: 1.2rem;
    padding: 0.5rem;
}
.page-numbers.current {
    font-size: 1.2rem;
    color: rgb(0, 110, 185);
    padding: 0.5rem;
}

/*
    メディアクエリ
 */
@media all and (min-width: 576px) { /* sm */
    h1.site-title a {
	   font-size: 2rem;
    }
	.navbar-light .navbar-toggler {
		margin-top: -10vw;
	}
	.site-branding p {
		font-size: 16px;
	}
	.ufu_logo {
		width: 80px;
	}
	.link_lang {
		/*bottom: 0.5rem;
		right: 65px;*/
	}
	.link_post {
		padding: 1rem;
	}
    .to_menu a {
        font-size: 120%;
    }
}
@media all and (min-width: 768px) { /* md */
    /*html {
        font-size: 16px;
    }*/
	.navbar-light .navbar-toggler {
		margin-top: -60px;
	}
    #message {
        background: -moz-radial-gradient(rgba(255,255,255, 0.7) 30%, rgba(255,255,255, 0.2)), url('../img/top_bg.jpg');
        background: -webkit-radial-gradient(rgba(255,255,255, 0.7) 30%, rgba(255,255,255, 0.2)), url('../img/top_bg.jpg'); 
        background: radial-gradient(rgba(255,255,255, 0.7) 30%, rgba(255,255,255, 0.2)), url('../img/top_bg.jpg');
        background-repeat: no-repeat, no-repeat;
        background-size: cover, cover;
		background-position: center, center;
        /*background: url('../img/top_bg.jpg') no-repeat center/cover;*/
        text-shadow: 1px 1px 5px rgba(255,255,255,0.8),-1px -1px 5px rgba(255,255,255,0.8),1px -1px 5px rgba(255,255,255,0.8),-1px 1px 5px rgba(255,255,255,0.8);
        font-size: 120%;
        max-width: 1320px;
    }
}
@media all and (min-width: 992px) { /* lg */
	h1.site-title {
		width: auto;
		margin-left: 0;
	}
	#link_menu ul li {
	    margin: 0 0.5rem 0.5rem 0;
	    flex-basis: calc(50% - 0.5rem);
	}
}
@media all and (min-width: 1200px) { /* xl */
    
}
@media all and (min-width: 1400px) { /* xxl */
    
}

/* move */
.move {
    transition: all .8s;
    transform: translateY(200px);
    opacity: 0;
}
.move.active {
    transition: all .8s;
    transform: translateY(0);
    opacity: 1;
}