@charset "utf-8";
/*
Theme Name: nudb
Version: 1.0
*/

.maintenance h1, .maintenance h2, .maintenance h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
}
.maintenance h1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 60px;
    font-size: 24px;
    margin-bottom: 30px;
    /* color: #3F6DAC; */
}
.maintenance h1 img {
    max-width: 380px;
    width: 100%;
}
.maintenance h1 span {
    position: relative;
}
.maintenance h1 span::before, .maintenance h1 span::after {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    background-color: #222;
    position: absolute;
}
.maintenance h1 span::before{
    left: -15px;
    top: 50%;
    transform: translate(-100%, 0);
    
}
.maintenance h1 span::after {
    right: -15px;
    top: 50%;
    transform: translate(100%, 0);
}
.maintenance h2 {
    background-color: #3F6DAC;
    color: #fff;
    font-size: 20px;
    margin-bottom: 25px;
    padding: 6px;
    text-align: center;
}
.maintenance h3 {
    font-size: 18px;
    margin-bottom: 8px;
    padding: 0 6%;
}
.maintenance p {
    font-size: 16px;
}
.maintenance a {
    color: #222;
    border-bottom: 1px solid #aaa;
}
.maintenance #info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f9f9f9;
    padding: 50px 20px;
}
.maintenance #info .contact {
    border: 1px solid #999;
    background-color: #fff;
    padding-bottom: 25px;
    width: 100%;
    max-width: 500px;
}
.maintenance #info .contact p {
    padding: 0 6%;
	margin-bottom: 0;
}
.maintenance #info .contact span {
    font-weight: 500;
    display: inline-block;
    width: 42px;
    color: #3F6DAC;
}
footer.maintenance {
	border-top: none;
    text-align: center;
    padding: 5px 0;
    /* background-color: #3F6DAC;
    color: #fff; */
}
footer.maintenance small {
	color: #222;
	background-color: inherit;
}

:root {
	--primary-color: #3F6DAC;
	--primary-text-color: #1F1F1F;
	--secondary-text-color: #CB5520;
	--primary-bg-color: #EEF5FF;
	--secondary-bg-color: #F1F7FF;
	--tag-first-color: #A2751B;
	--tag-second-color: #38A21B;
	--hover-color: #6A9ADC;
	--primary-content-area: 9%;
}
* {
	transition: .3s;
}
html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}
body {
	margin: 0;
	font-size: 1.6rem;
	font-family: "Zen Maru Gothic", sans-serif;
	overflow-x: hidden;
	color: var(--primary-text-color);
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6, p, a {
	word-break: break-word;
	margin: 0 0 20px;
	position: relative;
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
	color: var(--primary-color);
}
h1 {
	font-size: 8.0rem;
}
h2 {
	font-size: 4.0rem;
}
h3 {
	font-size: 2.8rem;
}
h4 {
	font-size: 2.2rem;
}
h5 {
	font-size: 2.0rem;
}
h6 {
	font-size: 1.8rem;
}
p {
	font-size: 1.6rem;
	font-weight: 500;
}
p.has-medium-font-size {
	font-size: 2.6rem!important;
	width: 100%;
}
ul, li, a {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	font-weight: bold;
}
a {
	color: var(--primary-color);
}
a:hover {
	opacity: 0.8;
}
.more-btn a:hover, li.menu-item:hover {
	opacity: 1;
	background-color: var(--hover-color);
}
li.menu-item:hover a {
	opacity: 1;
}
.footer-nav li.menu-item:hover a {
	color: #ffffff;
}
.footer-btn-logo .more-btn a:hover {
	background-color: var(--primary-color);
	color: #ffffff;
	opacity: 1;
}
span.caution-22 {
	font-size: 2.2rem;
	font-weight: normal;
}
hr {
	display: block;
	margin: 30px 0;
	width: 100%;
	border-top: 2px dashed var(--primary-color);
}
.fullwide {
  position: relative;
  width: 100vw;
}
.fullwide img {
  display: block;
  width: 100%;
}
.max-container {
	max-width: 1030px;
	margin: auto;
}
.top-border {
	width: 100%;
	padding-right: 40px;
	position: relative;
}
.top-border hr {
	margin: 80px 0;
	border: 3.5px solid var(--primary-color);
	border-radius: 10px;
}
.top-border::before, .top-border::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: var(--primary-color);
}
.top-border::before {
	right: 22px;
	background-color: var(--secondary-text-color);
}
.top-border::after {
	right: 5px;
}
hr.border-hr, hr.wp-block-separator {
	display: block;
	margin: 80px 0;
	width: 100%;
	border-top: 2px dashed var(--primary-color);
}
hr.border-hr-bt0 {
	margin-bottom: 0;
}
hr.border-hr-bt50 {
	margin-top: 60px;
	margin-bottom: 50px;
}
.sp-br, .sp-br-550 {
	display: none;
}
.sp-none {
	display: block;
}
.pc-none, .pc-none-datapage {
	display: none;
}
.home main {
	overflow: hidden;
}
/* ヘッダー */
header {
	padding-bottom: 15px;
	width: 100%;
	position: fixed;
	top: 0;
	background-color: #ffffff;
	z-index: 9;
}
header h1 {
	margin: 0;
}
header h1 a {
	display: flex;
}
header .header-box {
	padding: 20px var(--primary-content-area);
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 3;
	background-color: #ffffff;
}
header .header-box .nudb_logo img {
	width: auto;
	height: 100px;
}
.header_search {
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.header_search .nu_logo {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_search .nu_logo img {
	width: 150px;
	height: auto;
}
.header_search .header-mail img {
	width: 31px;
	height: 25px;
}
.header_search form {
	position: relative;
}
.header_search input {
	margin: 0;
	padding: 0;
}
.header_search input[type="text"], #re_searchform input[type="text"] {
	font-family: "Zen Maru Gothic", sans-serif;
	width: 195px;
	height: 35px;
	padding: 0 10px;
	border: 1.5px solid var(--primary-color);
	border-radius: 9999px;
}
.header_search input[type="submit"], #re_searchform input[type="submit"] {
	width: 35px;
	height: 35px;
	border: none;
	border-radius: 50%;
	background-color: var(--primary-color);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
	color: #ffffff;
	background-image: url(https://db.nagasaki-u.ac.jp/wordpress/wp-content/uploads/2026/01/icon-search.png);
	background-position: center;
	background-size: 13px 13px;
	background-repeat: no-repeat;
    cursor: pointer;
}
#searchform {
	display: flex;
	position: relative;
}
#re_searchform {
	display: inline-block;
	position: relative;
}
#re_searchform input[type="text"] {
	width: 400px;
}
header nav ul, .breadcrumbs {
	margin: 0 var(--primary-content-area);	
}
header nav ul.menu {
	display: flex;
	justify-content: center;
	padding: 0 10px;
	background-color: var(--primary-color);
	border-radius: 9999px;
}
.breadcrumbs {
	margin-top: 220px;
	padding: 0 0 14px;
}
.breadcrumbs ul {
	display: flex;
	gap: 3px;
	flex-wrap: wrap;
}
.breadcrumbs ul li, .breadcrumbs ul a {
	font-size: 1.4rem;
	color: #6A9ADC;
	padding: 0;
	margin: 0;
}
.breadcrumbs ul a {
	min-width: 30px;
}
header nav ul li {
	padding: 11px 0;
	position: relative;
}
header nav ul li a {
	padding: 2px 20px;
	display: inline-block;
	position: relative;
	color: #ffffff;
	border-right: 1px dashed #ffffff;
}
header nav ul li:last-of-type a {
	border: none;
}
.breadcrumbs ul li:nth-child(n+2) {
	padding-left: 15px;
	position: relative;
}
.breadcrumbs ul li:nth-child(n+2)::before {
	content: "＞";
	position: absolute;
	left: 0;
	top: 1.1rem;
	transform: translatey(-50%);
}
.header_nav .current-menu-item a::before, .header_nav .current-menu-ancestor a::before, .header_nav .current_page_parent a::before, .header_nav .current-page-ancestor a::before {
	content: "";
	width: calc(100% - 40px);
	height: 2px;
	background-color: var(--secondary-text-color);
	position: absolute;
	bottom: -2px;
	left: 50%;
	transform: translatex(-50%);
}
/* top */
#mv {
	display: block;
	position: relative;
	margin-top: 235px;
	padding: 0;
	height: 550px;
	max-height: 600px;
	overflow: hidden;
}
#mv::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
	background: linear-gradient(185.58deg, rgba(2, 230, 255, .9) 0%, rgba(255, 255, 255, .7) 50%, rgba(0, 68, 255, .9) 100%);
	mix-blend-mode: screen;
	z-index: 2;
}
.top-slider_contents {
	width: 100%;
	height: 100%;
}
.top-slider, .top-slider div {
	height: 100%;
}
.top-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.slick-arrow {
	z-index: 5;
}
.top-slider .slick-arrow {
	width: 30px;
	height: 30px;
	background-color: #ffffff;
	border-radius: 50%;
	box-shadow: 0 4px 4px #00000044;
}
.top-slider .slick-prev {
	left: 10%;
}
.top-slider .slick-next {
	right: 10%;
}
.top-slider .slick-arrow::before, .top-slider .slick-arrow::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 55%;
	width: 4px;
	height: 15px;
	background-color: var(--primary-color);
	opacity: 1;
}
.top-slider .slick-arrow::before {
	transform: translate(-50%,-75%) rotate(-50deg);
}
.top-slider .slick-arrow::after {
	transform: translate(-50%,-25%) rotate(50deg);
}
.top-slider .slick-prev::before, .top-slider .slick-prev::after {
	left: 45%;
}
.top-slider .slick-prev::before {
	transform: translate(-50%,-75%) rotate(-310deg);
}
.top-slider .slick-prev::after {
	transform: translate(-50%,-25%) rotate(310deg);
}
.top-slider div {
	transition: none!important;
}
section {
	padding: 80px var(--primary-content-area);
}
section h2 {
	margin-bottom: 40px;
}
#about {
	padding-top: 0;
}
.about-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.about-box h1 {
	margin: 50px 0 0;
	text-align: center;
}
.about-box .lead-txt {
	font-size: 2.8rem;
	margin-bottom: 0;
}
#about .more-btn {
	margin-top: 30px;
}
.more-btn {
	margin-top: 50px;
	width: 100%;
}
#achievement .more-btn, #news .more-btn {
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
}
.more-btn a {
	padding: 13px 15px;
	display: block;
	background-color: var(--primary-color);
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-radius: 9999px;
}
#about .more-btn a {
	padding: 20px 0;
	font-size: 2.2rem;
}
#data-catalog {
	padding-left: 0;
	padding-right: 0;
	margin: 0 var(--primary-content-area);
	border-top: 2px dashed var(--primary-color);
	border-bottom: 2px dashed var(--primary-color);
}
.catalog-project {
	display: flex;
	flex-direction: row;
	gap: 10.5%;
	align-items: flex-start;
}
.catalog-project-reverse {
	flex-direction: row-reverse;
}
.catalog-project h2, .catalog-project p {
	margin-bottom: 50px;
}
.catalog-project .txt-box p {
	font-size: 2.2rem;
	color: var(--primary-text-color);
}
.catalog-project .txt-box, .catalog-project .img-box {
	width: 50%;
}
figure.img-border-box , .img-border-box figure, .achievement-slider .img-border-box, .archive-list .img-border-box {
	display: flex;
	position: relative;
	border: 1px solid var(--primary-color);
}
figure.img-border-box::before, .img-border-box figure::before, .achievement-slider .img-border-box::before, .archive-list .img-border-box::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: -5px;
	bottom: -5px;
	background-color: var(--primary-color);
	z-index: -1;
}
.catalog-project .img-box img {
	width: 100%;
	height: 33vw;
	min-height: 220px;
	max-height: 340px;
	object-fit: cover;
	object-position: center;
}
.title-border {
	padding-left: 20px;
}
.title-border:before {
	content: "";
	width: 6px;
	height: 100%;
	background-color: var(--primary-color);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translatey(-50%);
	border-radius: 3px;
}
#project {
	padding-left: 0;
	padding-right: 0;
	margin: 0 var(--primary-content-area);
}
#achievement {
	background-color: var(--primary-bg-color);
}
.achievement-slider {
	width: 100%;
}
.achievement-slider .slick-slide {
	margin: 0 16px;
}
.achievement-slider .slick-list {
	margin: 0 -16px;
	display: grid;
}
.achievement-slider .achievement-slider_post {
	padding: 20px;
	background-color: #ffffff;
	position: relative;
	z-index: 1;
}
.achievement-slider .post_img {
	width: 100%;
	min-height: 210px;
	background-size: cover;
	background-position: center;
}
.post-category {
	display: inline-block;
	margin: 15px 0;
}
.post-category a {
	display: inline-block;
	padding: 3px 15px;
	background-color: #1f1f1f;
	color: #ffffff;
	border-radius: 9999px;
	font-weight: 500;
	word-break: keep-all;
}
.post-date {
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--primary-color);
	margin-bottom: 15px;
}
.post-tag {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}
.post-tag a {
	display: inline-block;
	padding: 1px 8px;
	border: 1px solid var(--primary-color);
	border-radius: 9999px;
	font-size: 1.4rem;
	font-weight: 500;
}
#achievement h4 {
	padding: 15px 0;
	position: relative;
	border-top: 1px solid var(--primary-color);
	border-bottom: 1px solid var(--primary-color);
}
#achievement h4::before, #achievement .achievement-title::before, #achievement h4::after, #achievement .achievement-title::after {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	background-color: var(--primary-color);
}
#achievement h4::before, #achievement .achievement-title::before {
	top: 0;
	transform: translateY(-50%);
}
#achievement h4::after, #achievement .achievement-title::after {
	bottom: 0;
	transform: translateY(50%);
}
#achievement h4::before, #achievement h4::after {
	left: 0;
}
#achievement .achievement-title::before, #achievement .achievement-title::after {
	right: 0;
}
#achievement .post-excerpt {
	color: var(--primary-text-color);
}
.achievement-slider .slick-arrow {
	width: 30px;
	height: 20px;
	background-image: url(https://db.nagasaki-u.ac.jp/wordpress/wp-content/uploads/2026/01/slick-arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.achievement-slider .slick-arrow::before, .achievement-slider .slick-arrow::after {
	opacity: 0;
}
.achievement-slider .slick-prev {
	left: -60px;
	transform: scale(-1,1);
}
.achievement-slider .slick-next {
	right: -60px;
	transform: scale(1,1);
}
#news ul {
	margin: 0 10.5%;
}
#news ul li {
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 20px 30px;
	border-top: 1px solid var(--primary-color);
}
.news_post-info {
	display: flex;
	align-items: center;
	gap: 30px;
}
#news ul li:nth-child(2n-1) {
	background-color: var(--primary-bg-color);
}
#news ul li:last-of-type {
	border-bottom: 1px solid var(--primary-color);
}
#news ul li h4, #news ul li p {
	margin: 0;
}
#news .post-category a {
	display: inline-block;
	font-size: 1.4rem;
	text-align: center;
	padding: 1px 20px;
}
#news .post-date {
	min-width: 78px;
}
#participation {
	background-image: url(https://db.nagasaki-u.ac.jp/wordpress/wp-content/uploads/2026/01/Vector.png);
	background-size: cover;
	background-position: center;
	position: relative;
}
#participation::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background-color: #fff3ce;
    opacity: .2;
    mix-blend-mode: plus-lighter;
}
#participation h2 {
	margin: 165px 0;
	text-align: center;
}
#participation h2 a {
	display: inline-block;
	padding: 16px 80px;
	color: #ffffff;
	background-color: #002a7faa;
	border: 1px solid #ffffff;
	border-radius: 9999px;
	font-size: 3.0rem;
	box-shadow: 0 4px 4px #00000033;
}
#access iframe {
	width: 100%;
	height: 350px;
}
#access .map-iframe {
	position: relative;
}
footer {
	border-top: 1px solid var(--primary-color);
}
.footer-box {
	display: flex;
	justify-content: center;
	gap: 40px 80px;
	padding: 80px 30px;
}
footer .nudb_logo img {
	max-width: 245px;
	height: auto;
}
.footer-menu {
	max-width: 530px;
}
.footer-menu .footer-nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 0;
}
.footer-menu .footer-nav ul li a {
	display: inline-block;
	position: relative;
	margin-right: -1px;
	padding: 3px 20px;
	font-weight: 500;
}
.footer-menu .footer-nav ul li a::before, .footer-menu .footer-nav ul li a::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	height: 100%;
	width: 1px;
	background-image: repeating-linear-gradient( to bottom, var(--primary-color), var(--primary-color) 4px, transparent 4px, transparent 6px);
}
.footer-menu .footer-nav ul li a::before {
	right: 0;
}
.footer-menu .footer-nav ul li a::after {
	left: 0;
}
footer .footer-btn-logo {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
footer .footer-btn-logo .more-btn {
	margin: 0;
	width: auto;
}
footer .footer-btn-logo .more-btn a {
	padding: 10px 60px;
	font-weight: 500;
	color: var(--primary-color);
	background-color: #ffffff;
	border: 1px solid var(--primary-color);
	box-shadow: 2px 2px 0 var(--primary-color);
}
footer .nu_logo img {
	max-height: 40px;
}
footer small {
	display: block;
	text-align: center;
	padding: 7px 0;
	color: #ffffff;
	background-color: var(--primary-color);
}
.go-top {
	width: 45px;
	height: 45px;
	background-color: #ffffff;
	position: fixed;
	bottom: 50px;
	right: 30px;
	opacity: 0;
	pointer-events: none;
	border: 1px solid var(--primary-color);
	border-radius: 50%;
	z-index: 9;
}
.go-top a {
	display: block;
	width: 100%;
	height: 100%;
}
.go-top-app {
	opacity: 1;
	pointer-events: auto;
}
.go-top::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translatex(-50%);
	width: 2px;
	height: 22px;
	border-radius: 3px;
	background-color: var(--primary-color);
}
.go-top .arrow {
	position: relative;
}
.go-top .arrow::before, .go-top .arrow::after {
	content: "";
	width: 2px;
	height: 12px;
	background-color: var(--primary-color);
	position: absolute;
	top: 9px;
	border-radius: 3px;
}
.go-top .arrow::before {
	left: 50%;
	transform: translatex(-5px) rotate(45deg);
}
.go-top .arrow::after {
	right: 50%;
	transform: translatex(5px) rotate(-45deg);
}

/* */
/* 固定ページ */
.page-contents .max-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page-contents figure {
	margin-bottom: 30px;
}
.point-box {
	padding: 50px;
	background-color: var(--secondary-bg-color);
	border: 1px solid var(--primary-color);
	margin: 0;
	color: var(--primary-color);
}
.page-contents .point-box {
	margin-bottom: 0;	
}
/* 全体のflexを解除*/
.page-contents section.member .max-container, .page-contents section.partners .max-container, .search-results section .max-container {
	display: block;
}
.page-header h1 {
	font-size: 3.0rem;
	margin-bottom: 0;
	padding: 0 30px;
	text-align: center;
}
.page-contents h2 {
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 2px solid var(--primary-color);
	margin-bottom: 55px;
	position: relative;
}
.page-contents h2.name-message {
	margin-top: 10px;
	padding-left: 20px;
	text-align: left;
	border-bottom: none;
}
.page-contents h2.name-message::before {
	content: "";
	height: 100%;
	width: 6px;
	background-color: var(--primary-color);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translatey(-50%);
	border-radius: 3px;
}
.head-img {
	height: 400px;
	background-size: cover;
	background-position: center;
	position: relative;
}
.head-img-grad {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(145deg, rgba(2, 230, 255, .3) 0%, rgba(255, 255, 255, .5) 50%, rgba(0, 68, 255, .3) 100%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.top-slider::before, .top-slider::after, .head-img::before, .head-img::after {
	content: "";
	width: 98px;
	height: 121px;
	background-image: url(https://db.nagasaki-u.ac.jp/wordpress/wp-content/uploads/2026/01/sankaku_page-head.png);
	background-size: cover;
	position: absolute;
	z-index: 3;
}
.top-slider::before, .head-img::before {
	top: 0;
	left: 0;
}
.top-slider::after, .head-img::after {
	right: 0;
	bottom: 0;
	transform: rotate(-180deg);
}
.page-child .head-img, .single .head-img, .search-results .head-img,.search-no-results .head-img, .error404 .head-img,
.news-head, .cat-tag-head, .page-id-211 .head-img, .page-id-223 .head-img, .page-id-233 .head-img {
	height: 200px;	
}
.head-tx {
	text-align: center;
	color: #ffffff;
	position: relative;
	z-index: 5;
}
.head-tx p {
	font-size: 3.0rem;
}
.head-tx h1 {
	font-family: 'Barlow', sans-serif;;
	font-size: 6.6rem;
	line-height: 1;
}
/* アバウト */
.page-contents .about-menu {
	display: flex;
	gap: 20px 0;
	justify-content: center;
	align-items: center;
	margin-bottom: -20px;
	margin-top: -20px;
	width: 100%;
}
.page-contents .about-menu p {
	margin-bottom: 0;
	margin-right: -1px;
}
.page-contents .about-menu a {
	display: inline-block;
	padding: 0 50px;
	font-size: 2.4rem;
	position: relative;
}
.page-contents .about-menu p::before, .page-contents .about-menu p::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	width: 1px;
	background-color: var(--primary-color);
}
.page-contents .about-menu p::before {
	right: 0;
}
.page-contents .about-menu p::after {
	left: 0;
}
.message-profile {
	gap: 30px 200px;
}
.message-profile img {
	object-fit: cover;
	width: 260px;
	height: auto!important;
}
.page-contents p.role-border {
	margin-bottom: 20px;
}
p.role-border {
	font-size: 2.2rem;
	display: inline-block;
	border-top: 1px solid var(--primary-color);
	border-bottom: 1px solid var(--primary-text-color);
}
.page-contents .main-member-grid {
	justify-content: center;
	grid-template-columns: repeat(auto-fill, minmax(300px, 480px));	
	gap: 50px 5%;
}
.page-contents .main-member-grid h2, .page-contents .member-grid h2 {
	border: none;
	text-align: left;
	margin-bottom: 20px;
}
.page-contents .member-grid h2 {
	margin-bottom: 5px;
	font-size: 2.8rem;
}
.page-contents .main-member-grid img {
	min-width: 250px;
	height: auto!important;
}
.page-contents .main-member-grid div {
	gap: 5px 30px;
}
.page-contents .member-grid {
	justify-content: center;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 80px 4%;
}
.page-contents .partner-grid {
	justify-content: center;
	grid-template-columns: repeat(auto-fill, minmax(280px, 375px));
	gap: 80px 8%;
	align-items: end;
}
.page-contents .partner-grid figure {
	margin-bottom: 20px;
}
/* データカタログ */
.datacatalog-flex {
	gap: 0 5%;
}
h3.data-title {
	font-size: 2.8rem;
	padding: 20px 0;
	border-top: 2px solid var(--primary-color);
	border-bottom: 2px solid var(--primary-color);
}
/* プロジェクト紹介 */
.page-contents p.marbo-0 {
	margin-bottom: 0;
}
h3.project-title {
	font-size: 5.0rem;
	line-height: 2.2;
	margin-bottom: 35px;
	color: #cecece;
}
.project-box {
	width: 100%;
}
.project-box figure {
	margin-bottom: 30px;
}
.project-box figure.sp-none {
	display: block;
}
.project-box figure.pc-none {
	display: none;
}
.project-box .project-img img {
	width: 100%;
	height: 350px;
	object-fit: cover;
}
.text-logo figure {
	border: none;
    margin: 30px 0 70px;
}
.text-logo figure::before {
	display: none;
}
.text-logo figure img {
	max-height: 50px;
	width: auto;
}
/* 参画希望 */
.participation-page-link {
	position: relative;
}
.participation-page-link h3 {
	margin: 0;
	font-size: 2.0rem;
	border: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 4px 4px #000000;
	background-color: #ffffff;
	border-radius: 999px;
}
.participation-page-link h3 a {
	word-break: keep-all;
	padding: 12px 40px;
	display: block;
	width: 100%;
	height: 100%;
}
.participation-page-link h3:hover {
	background-color: #ffffff99;
	box-shadow: 0 4px 4px #00000066;
}
.participation-page-link h3 a:hover {
	opacity: 1;
}
/* .participation-page-link figure {
	height: 40vw;
	min-height: 250px;
	max-height: 260px;
} */
.participation-page-link img {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
}
.participation-page-link figure, .participation-page-link img {
	margin: 0;
}
/* アクセス */
.access-page .map-iframe {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
}
#access.access-page iframe {
	height: 400px;
}
.access-table .has-fixed-layout {
	max-width: 660px;
}
.wp-block-table .has-fixed-layout tr td{
	border: 1px solid #d9d9d9;
	padding: 10px 12px;
	vertical-align: top;
}
.wp-block-table .has-fixed-layout tr td:first-of-type {
	width: 35%;
	max-width: 350px;
	background-color: #F5F5F5;
}
/* お問い合わせ */
.page-contents .contact-p {
	margin-bottom: 20px;
}
form.snow-monkey-form {
	width: 100%;
	max-width: 900px;	
    font-weight: 500;
	font-family: "Zen Maru Gothic", sans-serif;
}
form .contact_form .smf-item__col {
	padding: 15px;
}
.contact_form input[type="text"], form .contact_form input[type="email"], form .contact_form input[type="tel"] {
	width: 100%;
	min-height: 36px;
	border-radius: 2px;
	border: 1px solid #B9B9B9;
    font-weight: 500;
	font-family: "Zen Maru Gothic", sans-serif;
}
.smf-form .smf-textarea-control__control {
	line-height: 1.5;
    font-weight: 500;
	font-family: "Zen Maru Gothic", sans-serif;
}
form .contact_form .smf-item__col p {
	margin-bottom: 0;
	line-height: 2.5;
}
.smf-label, .smf-text-control, .smf-textarea-control {
	box-shadow: 1px 1px 0 #00000044;
	border-radius: 2px;
}
.smf-label {
	border: 1px solid #B9B9B9;
	margin-bottom: 15px;
}
.smf-label label {
	display: inline-block;
	width: 100%;
	padding: 15px;
}
form .contact_form .smf-item__col {
	border-color: #D9D9D9;
}
form.snow-monkey-form .smf-action {
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
	gap: 20px;
	margin: 30px auto 20px;
}
form.snow-monkey-form .smf-button-control:first-of-type .smf-button-control__control,
form.snow-monkey-form .smf-button-control:last-of-type .smf-button-control__control {
	padding: 10px 30px;
	border-radius: 999px;
	background-image: inherit;
	position: relative;
}
form.snow-monkey-form .smf-button-control:first-of-type .smf-button-control__control {
	background-color: #ffffff;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}
form.snow-monkey-form .smf-button-control:last-of-type .smf-button-control__control {
	background-color: var(--primary-color);
	color: #ffffff;
}
form.snow-monkey-form .smf-button-control:first-of-type .smf-button-control__control::before,
form.snow-monkey-form .smf-button-control:last-of-type .smf-button-control__control::before {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 999px;
	position: absolute;
	z-index: -1;
	bottom: -2px;
	right: -2px;
}
form.snow-monkey-form .smf-button-control:first-of-type .smf-button-control__control::before {
	background-color: var(--primary-color);	
}
form.snow-monkey-form .smf-button-control:last-of-type .smf-button-control__control::before {
	background-color: #6A9ADC;
}
.page-contents .wp-block-button {
	margin: 10px auto 20px;
}
.wp-block-button a {
	font-size: 1.6rem;
	padding: 10px 30px;
	display: block;
	background-color: var(--primary-color);
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-radius: 9999px;
}
.snow-monkey-forms-turnstile {
	display: flex;
	justify-content: center;
}
[data-screen="confirm"] p {
	display: none;
}
/* アーカイブ */
.category-list {
	padding-bottom: 0;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.archive-category {
	padding-bottom: 0;
}
.category-list li a {
	font-size: 1.4rem;
	display: inline-block;
	padding: 4px 15px;
	border-radius: 15px;
	color: #ffffff;
}
.cat-link.all, .category-list li a.tag-link {
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
}
.cat-link.all.is-current, .category-list li a.tag-link.is-current {
	border: none;
	color: #ffffff;
	background-color: var(--primary-color);
}
.achivement-head {
	background-image: url(https://db.nagasaki-u.ac.jp/wordpress/wp-content/uploads/2026/01/head-img-zisseki-scaled.jpeg);
}
.archive #achievement {
	background-color: inherit;
	border: none;
}
.archive-page ul.archive-list {
	display: grid;
	justify-content: center;
	grid-template-columns: repeat(auto-fill, minmax(280px, 320px));
	gap: 50px 3%;
}
.archive-page ul.archive-list .post_img {
	width: 100%;
	height: 220px;
	background-size: cover;
	background-position: center;
}
.post-info {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 20px 0;
}
.post-info .post-date {
	margin-bottom: 0;
}
.post-info .post-category {
	margin: 0;
}
a.achievement-title {
	display: block;
}
.pagenation-box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
	gap: 8px;
}
.pagenation-box a {
	color: #B2B2B2;
	font-weight: normal;
}
.pagination h2 {
	display: none;
}
.page-numbers {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 5px;
}
.page-numbers li {
	width: 12px;
	height: 12px;
	background-color: #B2B2B2;
	border-radius: 50%;
}
.page-numbers li span, .page-numbers li a {
	opacity: 0;
	height: 100%;
}
.page-numbers li:hover {
	opacity: .8;
}
/* 記事（活動実績） */
.post-head {
	background-image: url(https://db.nagasaki-u.ac.jp/wordpress/wp-content/uploads/2026/01/head-img-zisseki-scaled.jpeg);
}
/* お知らせ：アーカイブ */
.news-head {
	background-image: url(https://db.nagasaki-u.ac.jp/wordpress/wp-content/uploads/2026/01/head-img-news-scaled.jpeg);
}
.archive-page_news ul.archive-list {
	display: flex;
	flex-direction: column;
	position: relative;
	border-bottom: 1px solid var(--primary-color);
}
.archive-page_news ul.archive-list li {
	padding: 30px;
}
.news_title-box {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
	width: 100%;
}
.post-box .news_title-box {
	flex-direction: row;
	gap: 30px;
}
.news-date-cate {
	display: flex;
	gap: 12px;
}
.news_title-box p, .news_title-box h4 {
	margin: 0;
}
.news_title-box p {
	font-size: 1.4rem;
	word-break: keep-all;
}
.news_title-box p.post-category a {
	padding: 1px 20px;
}
.news_post .post-tag {
	margin-bottom: 4px;
}
.news_post .post-excerpt {
	margin-bottom: 0;
}
.news_post {
	position: relative;
	border-top: 1px solid var(--primary-color);
}
.news_post::before, .news_post::after,
.archive-page_news ul.archive-list::before, .archive-page_news ul.archive-list::after {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	background-color: var(--primary-color);
}
#news .news_post::before, #news .news_post::after {
	display: none;
}
.news_post::before {
	left: 0;
	top: 0;
	transform: translateY(-55%);
}
.news_post::after {
	right: 0;
	top: 0;
	transform: translateY(-55%);
}
.archive-page_news ul.archive-list::before {
	left: 0;
	bottom: 0;
	transform: translateY(55%);
}
.archive-page_news ul.archive-list::after {
	right: 0;
	bottom: 0;	
	transform: translateY(55%);
}
/* お知らせ：投稿 */
.post-contents section {
	padding-top: 90px;
	padding-bottom: 100px;
	position: relative;
    max-width: 1080px;
    margin: auto;
}
.post-box {
	padding: 30px 0;
	width: 100%;
	position: relative;
	border-top: 1px solid var(--primary-color);
	border-bottom: 1px solid var(--primary-color);
}
.post-box::before, .post-box::after {
	content: "";
	position: absolute;
	top: 0;
	transform: translatey(-50%);
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: var(--primary-color);
}
.post-box::before {
	left: -6px;
}
.post-box::after {
	right: -6px;
}
.post-box .bottom-left, .post-box .bottom-right {
	position: absolute;
	bottom: 0;
	transform: translatey(50%);
	width: 6px;
	height: 6px;
	background: var(--primary-color);
	border-radius: 50%;
}
.post-box .bottom-left {
	left: -6px;
}
.post-box .bottom-right {
	right: -6px;
}
.post-box h2, .post-box h3, .post-box h4 {
	margin-top: 30px;
	margin-bottom: 10px;
}
.post-box h5, .post-box h6 {
	margin-top: 20px;
	margin-bottom: 10px;
}
.post-contents .post-title h2 {
	margin-top: 30px;
	margin-bottom: 0;
	font-size: 3.0rem;
}
.post-contents h2 {
	margin-bottom: 20px;
}
.post-contents h2 {
	margin-bottom: 20px;
}
.post-contents figure {
	margin-bottom: 30px;
}
.single .post-contents p {
	font-size: 1.8rem;
}
/* 検索 */
.search .head-img, .search-no-results .head-img, .error404 .head-img {
	background-image: url(https://db.nagasaki-u.ac.jp/wordpress/wp-content/uploads/2026/01/head-img-search-scaled.jpeg);
}
.search-results .page-contents h2 {
	margin: 30px 0;
	font-size: 1.4rem;
	border: none;
	text-align: left;
}

/* 404・検索０件 */
.not-found .post-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 50px;
}
.not-found .post-box {
	border-bottom: none;
}
.not-found h2 {
	border: none;
	font-size: 6.0rem;
	margin: 0;
	padding: 0;
}
.not-found h3, .not-found p {
	text-align: center;
	margin-bottom: 0;
}

.header_hamb {
	visibility: hidden;
	opacity: 0;
	width: 0;
	height: 0;
}

/* レスポンシブ */
/* 1280px以下 */
@media screen and (max-width: 1280px){
	header .header-box {
		flex-direction: column;
		gap: 10px;
		padding: 15px var(--primary-content-area) 0;
	}
	header .header-box .nudb_logo img {
		height: auto;
		max-height: 46px;
	}
	.header_search {
		flex-direction: row;
		align-items: center;
		gap: 2px 17px;
		width: 100%;
		justify-content: space-between;
	}
	.header_search .nu_logo {
		gap: 2px 17px;
	}
	.header_search .nu_logo a {
		display: flex;
	}
	.header_search .nu_logo img {
		max-height: 45px;
		width: auto;
	}
	.header_search .header-mail img {
		width: 28px;
		height: auto;
		max-width: inherit;
		min-width: inherit;
	}
	.header_search input[type="text"] {
		width: 100%;
		height: 24px;
		border-width: 1px;
	}
	.header_search input[type="submit"] {
		width: 24px;
		height: 24px;
		background-size: 10px 10px;
		transform: translatey(-50%);
		right: 0;
	}
	#re_searchform input[type="text"] {
		width: 250px;
		height: 35px;
		border-width: 1px;
	}
	#re_searchform input[type="submit"] {
		width: 35px;
		height: 35px;
		background-size: 15px 15px;
		transform: translatey(-50%);
		right: 0;
	}
	header nav ul.menu {
		flex-direction: column;
		margin: 0;
		border-radius: 0;
		padding: 0;
	}
	.header_logo_hamb {
		display: flex;
		align-items: center;
		gap: 10px;
		justify-content: space-between;
		width: 100%;
	}
	/* ハンバーガーメニュー */
	.header_hamb {
		visibility: visible;
		opacity: 1;
		width: auto;
		height: auto;
		display: inline-block;
		cursor: pointer;
		width: 24px;
		height: 24px;
		min-width: 22px;
		position: relative;
		border: none;
		background-color: transparent;
	}
	.header_hamb span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 1.2px;
		background: var(--primary-color);
		transition: all .25s ease;
	}
	.header_hamb span:nth-child(1) {
		top: 0;
	}
	.header_hamb span:nth-child(2) {
		top: 50%;
		transform: translateY(-50%);
	}
	.header_hamb span:nth-child(3) {
		bottom: 0;
	}
	/* 変化 */
	.header_hamb.open span:nth-child(1) {
		transform: rotate(45deg) translate(8px, 8px);
	}
	.header_hamb.open span:nth-child(2) {
		opacity: 0;
	}
	.header_hamb.open span:nth-child(3) {
		transform: rotate(-45deg) translate(8px, -8px);
	}
	.header_nav {
		transform: translateY(-30%);
		visibility: hidden;
		height: 0;
		opacity: 0;
		transition: 0s;
	}
	header {
		transition: 0s;
		padding-bottom: 10px;
	}
	header.open {
		position: fixed;
		top: 0;
		z-index: 999;
		overflow: scroll;
		height: 100%;
		background-color: var(--primary-color)
	}
	header.open .header_nav {
		transform: translateY(0%);
		visibility: visible;
		height: auto;
		opacity: 1;
		transition: .25s;
	}
	header.open .breadcrumbs {
		display: none;
	}
	header nav ul li {
		padding: 0;
		border-bottom: 1px dotted #ffffff;
		text-align: center;
	}
	header nav ul li:last-of-type {
		border: none;
	}
	header nav ul li a {
		width: 100%;
		padding: 20px 10px;
		border: none;
	}
	.current-menu-item a::before, .current-menu-ancestor a::before, .current_page_parent a::before, .current-page-ancestor a::before {
		display: none;
	}
}
/* 1080px以下 */
@media screen and (max-width: 1080px){
	:root {
		--primary-content-area: 8.5%;
	}
	h1 {
		font-size: 3.2rem;
	}
	h2 {
		font-size: 2.5rem;
	}
	h3 {
		font-size: 2.2rem;
	}
	h4 {
		font-size: 2.2rem;
	}
	h5 {
		font-size: 1.8rem;
	}
	h6 {
		font-size: 1.6rem;
	}
	p.has-medium-font-size {
		font-size: 2.0rem!important;
	}
	.sp-br {
		display: block;
	}
	.sp-none {
		display: none;
	}
	.pc-none {
		display: block;
	}
	hr.border-hr, hr.wp-block-separator {
		margin: 60px 0;
	}
	.spacer-60-40 {
		height: 40px!important;
	}
	section {
		padding: 60px var(--primary-content-area);
	}
	#mv {
		height: 330px;
		max-height: 550px;
		margin-top: 145px;
	}
	.top-border hr {
		margin: 60px 0;
	}
	.about-box .lead-txt {
		font-size: 2.0rem;
	}
	.top-slider .slick-arrow {
		width: 12px;
		height: 12px;
	}
	.top-slider .slick-arrow::before, .top-slider .slick-arrow::after {
		width: 2px;
		height: 5px;
	}
	.top-slider .slick-next {
		right: 4%;
	}
	.top-slider .slick-prev {
		left: 4%;
	}
	.top-slider::before, .top-slider::after, .head-img::before, .head-img::after {
		width: 28px;
		height: 35px;
	}
	#about .more-btn a {
		padding: 14px 0;
		font-size: 1.6rem;
	}
	.catalog-project, .catalog-project-reverse {
		flex-direction: column;
		gap: 23px;
	}
	.catalog-project .txt-box, .catalog-project .img-box {
		width: 100%;
	}
	.catalog-project .txt-box .more-btn {
		margin-top: 0;
	}
	.catalog-project h2, .catalog-project p {
		margin-bottom: 23px;
	}
	.achievement-slider .slick-prev {
		left: -45px;
	}
	.achievement-slider .slick-next {
		right: -45px;
	}
	#news ul {
		margin: 0;
	}
	#news ul li {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		padding: 15px;
	}
	section#participation {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	#participation h2 {
		margin: 0;
		font-size: 1.6rem;
	}
	#participation h2 a {
		padding: 10px 25px;
		font-size: 2.0rem;
	}
	#access iframe, #access.access-page iframe {
		height: 25vw;
		max-height: 250px;
		min-height: 145px;
	}
	.footer-box {
		flex-direction: column;
		align-items: center;
		padding: 40px 32px;
	}
	.footer-menu .footer-nav ul {
		justify-content: center;
	}
	.footer-menu .footer-nav ul li a {
		padding: 3px 9px;
	}
	footer .footer-btn-logo {
		justify-content: center;
		gap: 30px;
	}
	footer .footer-btn-logo .more-btn a {
		padding: 5px 20px;
	}
	header nav.breadcrumbs ul {
		gap: 3px;
	}
	.head-img {
		height: 120px;
	}
	.head-img::before, .head-img::after {
		width: 28px;
		height: 35px;
	}
	.page-child .head-img, .single .head-img, .search-results .head-img, .search-no-results .head-img, .error404 .head-img,
	.post-type-archive-news .head-img, .page-id-211 .head-img, .page-id-223 .head-img, .page-id-233 .head-img {
		height: 120px;
	}
	.page-header h1 {
		font-size: 2.0rem;
	}
	.page-contents h2 {
		font-size: 2.8rem;
		margin-bottom: 60px;
		line-height: 1.5;
		border-bottom-width: 1px;
	}
	.inline-marker {
		margin-bottom: 60px;
		display: block;
		text-align: center;
	}
	.inline-marker h2 {
		margin-bottom: 0;
		display: inline;
		background: linear-gradient(transparent 99%, var(--primary-color) 0%);
		font-size: 2.5rem;
		line-height: 2.5;
		padding-bottom: 8px;
	}
	.h2_no-marker {
		margin-bottom: 30px;
	}
	.h2_no-marker h2 {
		margin-bottom: 0;
		border: none;
	}
	.page-contents .main-member-grid h2, .page-contents .member-grid h2 {
		font-size: 2.8rem;
	}
	.page-contents .about-menu {
		gap: 15px 0;
		flex-wrap: wrap;
	}
	.page-contents .about-menu a {
		font-size: 1.6rem;
		padding: 0 9%;
		width: 100%;
	}
	.page-contents .about-menu p:nth-child(2n-1) {
		width: 47%;
	}
	.page-contents .about-menu p:nth-child(2n) {
		width: 53%;
	}
	.participation.about-menu p:nth-child(2n-1) {
		width: 66%;
	}
	.participation.about-menu p:nth-child(2n) {
		width: 34%;
	}
	.message-profile {
		grid-template-columns: 1fr;
	}
	.page-contents h2.name-message {
		margin: 0;
	}
	.page-contents .main-member-grid, .page-contents .member-grid {
		gap: 70px 5%;
	}
	.page-contents .main-member-grid > div, .page-contents .member-grid > div {
		position: relative;
	}
	.page-contents .main-member-grid > div::before, .page-contents .member-grid > div::before {
		content: "";
		width: 100%;
		height: 2px;
		background-color: #CEDFF6;
		position: absolute;
		top: -50px;
		left: 50%;
		transform: translatex(-50%);
	}
	.page-contents .main-member-grid > div:first-of-type::before {
		display: none;
	}
	.page-contents .main-member-grid div {
		flex-direction: column-reverse;
	}
	span.caution-22 {
		font-size: 1.8rem;
		line-height: 2.5;
	}
	h3.project-title {
		font-size: 3.5rem;
		line-height: 1.6;
		margin-bottom: 30px;
	}
	.project-box figure.sp-none {
		display: none;
	}
	.project-box figure.pc-none {
		display: block;
	}
	.project-box .project-img img {
		height: 200px;
	}
	.text-logo figure {
		margin: 80px 0 40px;
	}
	.text-logo figure img {
		max-height: 32px;
	}
	.text-logo.pc-none figure img {
		max-height: 88px;
	}
	.archive-page ul.archive-list {
		gap: 40px 3%;
	}
	.data-use-detail p:last-of-type {
		margin-bottom: 0;
	}
	.point-box {
		padding: 30px;
	}
	.news_title-box {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.archive-page_news ul.archive-list li {
		padding: 30px 0;
	}
	.post-contents section {
		padding-top: 60px;
	}
	.search-results .page-contents h2 {
		margin-top: 20px;
	}
}
/* 767px以下 */
@media screen and (max-width: 767px){
	#mv {
		height: 160px;
	}
	.achievement-slider .achievement-slider_post {
		margin-bottom: 32px;
	}
	.achievement-slider li:nth-of-type(n + 4) {
		display: none;
	}
}
/* 550px以下 */
@media screen and (max-width: 550px){
	.sp-br-550 {
		display: block;
	}
	.wp-block-table .has-fixed-layout tr td {
		padding: 10px;
	}
	#participation h2 a {
		padding: 6px 16px;
		font-size: 1.6rem;
	}
	.sp-none-datapage {
		display: none;
	}
	.pc-none-datapage {
		display: block;
	}
	.access .has-fixed-layout tr td:first-of-type {
		width: 155px;
	}
	.single .post-contents p {
		font-size: 1.6rem;
	}
}

/* アニメーション */
.fadeIn {
	animation-name: fadeInAnime;
	animation-fill-mode:forwards;
	animation-duration:8s;
	animation-timing-function:ease-out;
	animation-delay: 0s;
}
@keyframes fadeInAnime{
	0% {
		opacity: 0;
		top: 55%;
	}
	20% {
		opacity: 1;
		top: 50%;
	}
	90% {
		opacity: 1;
		top: 50%;
	}
	100% {
		opacity: 0;
		top: 55%;
	}
}
.fadeout {
	animation-name: fadeoutAnime;
	animation-fill-mode: forwards;
	animation-duration:3s;
	animation-timing-function:ease-out;
	animation-delay: 0s;
}
@keyframes fadeoutAnime{
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}