/************************************ 		CSS for the Main Page ************************************/ .mainpage-content { 	max-width: 1125px; 	margin-right: auto !important; 	margin-left: auto !important; }  /* map banner */ .mainpage-searchinput .mw-ui-button[name="fulltext"] { display: none; } /* hide full text search box, which cannot currently be disabled */  .mainpage-map { 	background-color: #0B0A34; 	position: relative; 	height: auto; 	margin-right: 0.5em; 	margin-left: 0.5em; 	margin-bottom: .6em; 	max-width: 1125px; 	overflow: hidden; } .mainpage-maptext { 	position: absolute; 	top: 1em; 	left: 1em; 	display: inline-block; 	min-width: 310px; 	border-radius: 0.2em; 	padding: 0.5em 0.5em 0 0.5em; 	text-align: center; 	color: white;  	z-index: 2; } .mainpage-maptext > h2 { 	color: white; /* for vector-2022 skin */ } .mainpage-tagline { 	margin: 0; } .mainpage-searchinput { 	padding:0; } .mainpage-searchinput label { 	font-size: 85%; 	font-style: italic; } .mainpage-searchinput input[type="text"] { 	margin-right: 0.5em; } .mainpage-maplinks { 	position:absolute; 	bottom: 0; 	left: 1em; 	color: white; 	padding:0 0.5em; 	margin-top: 293px; } .mainpage-maplinks a { 	color: white; 	font-weight: bold; } .mainpage-map > figure { 	direction: rtl; 	overflow: hidden; }  .mapbanner-container { width: 100%; }  .mainpage-mobile-wrapper { display: none; /* This is mobile kludge code. It is temporary and to be removed */ }  /* grid */ .mainpage-grid { 	display: grid; 	grid-auto-flow: row; } .mainpage-grid-item { 	position: relative; } .mainpage-grid-overlay { 	display: none; } .mainpage-explore-grid .mainpage-grid-overlay a { 	color: #FFF; } .mainpage-grid-item:hover .mainpage-grid-overlay { 	display:flex; 	position: absolute; 	top: 0; 	left: 0; 	width: 100%; 	height: 100%; 	text-align: center; 	align-items: center; 	justify-content: center; 	background-color: rgba(0, 0, 0, 0.6); } .mainpage-grid-overlay-sub { 	position: absolute; 	right: 0.3em; 	bottom: 0.3em; }  /* explore grid */ .mainpage-explore-grid { 	grid-template-columns: repeat(3, 30%); 	grid-template-rows: repeat(4, 25%); }  .mainpage-explore-Europe { 	grid-area: Europe; 	grid-column: 1 / 2; 	grid-row: 1 / 3; }  .mainpage-explore-Africa { 	grid-area: Africa; 	grid-column: 2 / 4; 	grid-row: 1 / 2; }  .mainpage-explore-Asia { 	grid-area: Asia; 	grid-column: 1 / 3; 	grid-row: 3 / 4; }  .mainpage-explore-Oceania { 	grid-area: Oceania; 	grid-column: 2 / 3; 	grid-row: 2 / 3; }  .mainpage-explore-NorthAmerica { 	grid-area: NorthAmerica; 	grid-column: 2 / 4; 	grid-row: 4 / 5; }  .mainpage-explore-SouthAmeica { 	grid-area: SouthAmerica; 	grid-column: 3 / 4; 	grid-row: 2 / 3; }  .mainpage-explore-SouthPole { 	grid-area: SouthPole; 	grid-column: 3 / 4; 	grid-row: 3 / 4; }  .mainpage-explore-Moon { 	grid-area: Moon; 	grid-column: 1 / 2; 	grid-row: 4 / 5; }  /* rd grid */ .mainpage-rd-grid { 	grid-template-columns: 1fr; 	row-gap: 1em; 	place-items: center; 	place-content: center; }  .mainpage-rd-grid a, .mainpage-rd-grid a:visited { 	color: #fff; 	text-decoration: underline; } .mainpage-rd-grid a:hover, .mainpage-rd-grid a:active { 	text-decoration: none; }  .mainpage-rd-grid .mainpage-grid-item { 	display: grid; 	position: relative; 	width: calc(100% - 1em); 	padding: 0 0.5em; 	color: white; 	grid-template-columns: repeat(1, auto); 	column-gap: 5%; 	border-bottom: 0.1em solid #c8ccd1; 	overflow: hidden; 	z-index: 0; } .mainpage-rd-grid .mainpage-grid-item:last-child { 	margin-bottom: 0.5em; 	padding-bottom: 0; 	border-bottom: none; }  .mainpage-rd-grid p:first-child { 	position: absolute; 	margin: 0; 	min-width: 100%; 	height: 100%; 	z-index: -1; }  .mainpage-content .mainpage-rd-grid a > .mw-file-element { /* 特異度の上書き */ 	max-width: none !important; 	min-width: 100%; 	height: 100% !important; }  .mainpage-rd-grid .mainpage-grid-text {     border-radius: 0.2em; 	margin: 1em 0; 	padding: 0.1em 0.5em;     background: rgba(0,0,0,0.5) none repeat scroll 0% 0%;     overflow: hidden; }  @media (max-width: 720px) { 	.mainpage-map { display: none; } 	.mainpage-mobile-wrapper { display: block !important; } }  /* gallery carousel */ .mw-gallery-slideshow { 	position: relative; 	margin-top: 0.5em !important; 	margin-bottom: 0.5em !important; }  .mw-gallery-slideshow-buttons span:nth-child(2) { 	display: none; }  .mw-gallery-slideshow-caption { 	text-align: left; }  @media (min-width: 721px) { 	.mw-gallery-slideshow .gallerycaption { 		position: absolute; 		top: 8%; 		left: calc((100% - 8em) / 2); 		width: 8em; 		z-index: 1; 	} 	.mw-gallery-slideshow-buttons .oo-ui-buttonElement:first-child { 		margin-right: calc((100% - 2 * 34.56px) / 7); 	} 	.mw-gallery-slideshow-buttons .oo-ui-buttonElement:last-child { 		margin-left: calc((100% - 2 * 34.56px) / 7); 	} }  @media (max-width: 720px) { 	.mw-gallery-slideshow { 		border: 1px solid #6cc8f3; 		border-radius: 5px; 		padding: 2px; 		margin: 0.5em !important; 		text-align: center; /* centering .gallerybox */ 	} 	.gallerycaption { 		background: #f0f0f0; 		color: #004f80; 		margin: -2px -2px 0.4em; 		padding: 0.3em calc(0.5em / 1.25); 		border-top-left-radius: 5px; 		border-top-right-radius: 5px; 		text-align: start; 		font-weight: inherit; 		font-size: 1.25em; 	} 	.gallerycaption > a { color: inherit; font-size: inherit; } 	.gallerycarousel { display: none !important; } 	.gallerybox { display: inline-block !important; } 	.gallerybox:last-child { margin-bottom: 0.3em; } 	.gallerybox.slideshow-current { background: transparent; } 	.skin-minerva .gallerybox { width: 155px !important; } /* replace width: 100%; in Minerva skin */ 	.gallerytext { 		height: 200px; 		overflow-y: scroll; 		overflow-x: hidden; 		background: linear-gradient(white 30%, transparent), linear-gradient(transparent, white 70%) 0 100%, linear-gradient(rgba(0, 0, 0, 0.3) 15%, transparent), linear-gradient(transparent, rgba(0, 0, 0, 0.3) 85%) 0 100%; 		background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px; 		background-repeat: no-repeat; 		background-color: white; 		background-attachment: local, local, scroll, scroll; 	} }  /* flexbox */ .mainpage-flex-wrapper { 	display: flex; 	flex-wrap: wrap; 	justify-content: space-around; }  .mainpage-flex-box { 	flex-grow: 0; 	border: 1px solid #6cc8f3; 	border-radius: 5px; 	margin-top: 0.5em; 	margin-bottom: 0.5em; 	padding: 0 0.5em; }  .mainpage-flex-title { 	background: #f0f0f0; 	color: #004f80; 	margin: 0 calc(-1 * (0.5em / 1.25)) calc(0.5em / 1.25); 	padding: 0.3em calc(0.5em / 1.25); 	border-top-left-radius: 5px; 	border-top-right-radius: 5px; 	font-size: 1.25em; } .mainpage-flex-title a { 	color: #004f80; }  .mainpage-flex-content { 	margin-bottom: 0.3em; }  .mainpage-flex-single { 	flex-basis: calc(100% - 2 * 0.5em); 	margin-right: 0.5em; 	margin-left: 0.5em; }  .mainpage-flex-double { 	width: calc((100% - 8 * 0.5em - 4 * 1px) / 2); }  .mainpage-flex-double:nth-child(odd) { 	margin-left: 0.5em; 	margin-right: auto; }  .mainpage-flex-double:nth-child(even) { 	margin-left: auto; 	margin-right: 0.5em; }  .mainpage-start-list { 	column-count: 2; }  @media (max-width: 720px) { 	.mainpage-flex-double, .mainpage-flex-single { flex-basis: 100%; } 	.mainpage-start-list { column-count: 1; } 	.mainpage-flex-double:nth-child(odd) { margin-right: 0.5em; } 	.mainpage-flex-double:nth-child(even) { margin-left: 0.5em; } }  /* other projects */ .mainpage-sisters { 	margin-top: 30px; 	clear: both; 	padding-top: 15px; 	border-top: 3px double #CCC; 	color: #222; 	line-height: 120%; }  .mainpage-sisters-topimage { 	background: white; 	width: 45px; 	margin: 0 auto; 	margin-top: -40px; }  .mainpage-sisters-text { 	color: #222; 	font-size: 90%; 	text-align: center; 	margin-bottom: 20px; 	padding-top: 10px; }  .mainpage-sisters-table { 	text-align: center; 	background-color: #FFF; }  .mainpage-sisters-subtable { 	margin:0 auto; 	padding: 0; }