body {
	background:#0071c5;
}

nav.sec {
	background-color:#0071c5;
}

footer {
	background:#0071c5;
}

#main-content .why h2 {
	color:#fff;
	background:#00b0f0;
	padding:10px 20px;
	margin-bottom:0;
	border-radius:4px 4px 0 0;
	display:inline-block;
}
#main-content .why article {
	border:solid 1px #00b0f0;
	border-radius:0 4px 4px 4px;
	padding:20px;
	margin-bottom:20px;
}

#main-content .exchange-1 th ,
#main-content .exchange-2 th {
	vertical-align:middle;
}
#main-content .exchange-1 tr:nth-child(2n) td {
	background:#f2fcff;
}
#main-content .exchange-2 tr:nth-child(4n+1) td ,
#main-content .exchange-2 tr:nth-child(4n+2) td {
	background:#f2fcff;
}

.ohp-slider ul li {
	height:auto !important;
}


#main-content .donations a {
	display:flex;
	flex-direction: column;
	margin-bottom:20px;
}
#main-content .donations a .image {
	aspect-ratio:4 / 3;
	overflow:hidden;
	border-radius:4px;
}
#main-content .donations a img {
	transition:0.2s;
	width:100%;
	height:100%;
	object-fit: cover;
}
#main-content .donations a:hover img {
	scale: 1.1;
}
#main-content .donations a h3 {
	font-size:1.2em;
	margin-top:20px;
}
#main-content .donations a h3 + p {
	flex:1;
}
#main-content .donations a .link {
	padding:5px;
	background:#F0F0F0;
	font-size:0.9em;
	text-align:center;
	transition:0.2s;
}
#main-content .donations a:hover .link {
	background: #0071c5;
	color:#fff;
}


#side-banner {
	position:fixed;
	right:0;
	top:50%;
	translate:0 -50%;
	list-style:none;
	margin:0;
	padding:0;
    width:68px;
}
#side-banner li {
	margin:0;
	padding:0;
    width:100%;
}
#side-banner li a {
	display:flex;
	gap:5px;
	align-items: center;
	justify-content: center;
	font-size:1.2em;
	font-weight:bold;
    width:100%;
}
#side-banner li a > div {
	display:flex;
	gap:5px;
	align-items: center;
	justify-content: center;
}
#side-banner li.donations {
	background:linear-gradient(to bottom, #0071c5 0, #313992 100%);
	padding:4px 0 4px 4px;
	border-radius: 4px 0 0 4px;
	box-shadow:0 0 2px rgb(0 0 0 / .6);
	transition:0.4s;
}
#side-banner li.donations:hover {
	scale: 1.1;
	box-shadow:0 0 6px rgb(0 0 0 / .3);
}
#side-banner li.donations a {
	color:#fff;
	writing-mode: vertical-rl;
	border:solid 2px #fff;
	border-right:none;
	border-radius:3px 0 0 3px;
	padding-top:15px;
    padding-bottom: 20px;
    line-height:18px;
}
#side-banner li.donations a:has(> div) {
    flex-wrap: nowrap;
    writing-mode: horizontal-tb;
    align-items: flex-end;
    padding-left:10px;
}
#side-banner li.donations a > div {
    flex:2;
    writing-mode: vertical-rl;
}
#side-banner li.donations a > span {
    flex:2;
    writing-mode: vertical-lr;
    font-size:0.5em;
    line-height:1;
}
#side-banner li.donations a img {
	width:18px;
}


#main-content > div.whatsnew {
    position:relative !important;
    width: 95% !important;
    height: 373px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #ffffff !important;
    border: 1px solid #cccccc !important;
    padding: 10px !important;
    margin-bottom:20px;
}

#main-content > div.whatsnew pre {
    font-size:12px !important;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
    font-weight:normal;
}

#main-content > div.whatsnew dt {
    padding:3px 10px;
    font-weight:bold;
    background:#f2e96a;
}

#main-content > div.whatsnew ul {
    font-weight:bold;
}


/*広報課追記　諸規則集*/
/*@media(max-width:900px){
	#main-content > div.whatsnew {
		display:none !important;
	}
}*/

@media(max-width:520px){
	#side-banner {
		width:60px;
	}
}