@charset "utf-8";

/* **************************************************

CSS Information
File Name : space.css
Style Info: 宇宙教育研究センター（仮称）設置準備室
Date: 2023-11-10
lastUpdate:2023-11-10

************************************************** */
/* --------------------------------------------------
	共通ヘッダー
-------------------------------------------------- */
#globalHeader {
	padding: 10px 0;
}

#globalHeader .subHeader {
	margin: 5px 0 8px;
}

#globalHeader #siteID {
	margin-top: 1.2rem;
	padding: 0;
}

#globalHeader #siteID img {
	width: 55.2rem;
	height: auto;
}

#globalHeader .headerNavi {
	width: 40.0rem;
}

#globalHeader .headerNavi ul {
	width: 36.0rem;
}

#globalHeader .headerNavi ul li {
	padding: 5px 0;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (max-width:640px) {

	#globalHeader {
		position: relative;
		padding: 10px 0 0;
	}

	#globalHeader .subHeader {
		margin-bottom: 10px;
	}

	#globalHeader #siteID {
		max-width: 300px;
		margin: 0 auto;
		padding: 0 0 15px;
	}

	#globalHeader .headerNavi {
		width: 100%;
	}

	#globalHeader .headerNavi ul {
		width: 100%;
	}
}


/* --------------------------------------------------
	検索ボタン
-------------------------------------------------- */
.gsc-search-button-v2,
.gsc-search-button-v2:hover,
.gsc-search-button-v2:focus {
	border-color: #666666 !important;
	background-color: #cecece !important;
	background-image: none;
	filter: none;
}


/* --------------------------------------------------
	共通フッター
-------------------------------------------------- */
#globalFooter .footerAddress dt img {
	width: 46.7rem;
	height: auto;
}

/* --------------------------------------------------
	サイドテキストバナー
-------------------------------------------------- */
.sideTextBanner li .block {
	font-size: 1.3rem !important;
	line-height: 1.3;
}

.sideTextBanner li .block .bannerTitle {
	padding-left: 8px;
}

.sideTextBanner li .block .bannerTitle span {
	padding-right: 0;
}


/* --------------------------------------------------
	スマートフォン用サイドメジャー ナビ
-------------------------------------------------- */
#sideMajorNavi {
	margin-top: 20px;
}


/* --------------------------------------------------
	汎用Class
-------------------------------------------------- */
.pcOnly {
	display: block !important;
}

.spOnly {
	display: none !important;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (max-width:640px) {

	.pcOnly {
		display: none !important;
	}

	.spOnly {
		display: block !important;
	}

	.body .btn a {
		padding-right: 30px;
		padding-left: 30px;
	}

}


/* --------------------------------------------------
	.categoryListExt - カテゴリーリスト（全幅）
-------------------------------------------------- */
.categoryListExt li {
	width: 700px !important;
}

/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/*	メインビジュアル
-------------------------------------------------- */
#mainVisual {
	text-align: center;
}

#mainVisual .inner {
	width: 1020px;
}

#mainVisual img {
	max-width: 100%;
}

/* トップ：お知らせ */
#contents.column1 #main {
	width: 100%;
	max-width: 100%;
}

/*	お知らせ
-------------------------------------------------- */
.column2 .tabList .tabs span a {
	width: 250px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (max-width:640px) {

	.tabList .tabs span {
		width: 33.333% !important;
	}

	.tabList .tabs span a {
		width: 100% !important;
	}

	.tabList .tabs span:first-child a {
		width: 100% !important;
	}

	.tabList .tabs span:nth-child(3) a {
		border-bottom: 1px solid #ddd !important;
	}

}