@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:767px) {

.header-menu {
	display: none;
}

h1 img {
	width: 230px;
}

/*ページのトップへ戻るボタン*/
#js-pagetop {
  position: fixed;
  width:56px;
  height:56px;
  font-size:0.9rem;
  bottom: 20px;
  right: 20px;

}
#js-pagetop span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
}

/*会員用メニューボックス*/
nav.MemberPcSp{
	display:block;
	width:100%;
	margin:0 auto;
	font-size:0.94em;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	position: fixed; /* ウィンドウを基準に画面に固定 */
    top: 0; /* 上下の固定位置を上から0pxにする */
    left: 0; /* 左右の固定位置を左から0pxにする */
	z-index:100;
	padding-bottom:20px;
}
.GnavPcSp{
	display:none;
	clear:both;
	/*margin-top:30px;*/
	padding-top:0;
	padding-bottom:0;
}
.BackW{
	background:url(../img/menu-back.png) top left repeat;
}
/*オープンメニュ－*/
ul.OpenMenu1{
	width:auto;
	margin:80px auto 10px auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
ul.OpenMenu1 li{
	width:200px;
	margin-left:5px;
	margin-right: 5px;
	margin-bottom: 8px;
}

ul.OpenMenu1 li a{
	display:block;
	background-color:#F7F7F4;
	color:#393939;
	text-align:center;
	height:40px;
	border:1px #E3E3DD solid;
	border-radius:8px;
	line-height:40px;
	text-decoration: none;
	font-weight: bold;
}
ul.OpenMenu1 li a:hover {
	color: #FF4245;
	transition: .4s;
}

/*ハンバーガーメニュー*/
.header__hamburger {
  width: 80px;
  /*height: 100%;*/
  margin-left:2.0%;
  position:absolute;
  top:0px;
  right:0px;
  cursor:pointer;
}
.hamburger {
  background-color: #fff;
  border-color: transparent;
	padding: 25px 19px;
}

/* ハンバーガーメニューの線 */
.hamburger span {
  width: 100%;
  height: 3px;
  background-color: #68411e;
  position: relative;
  transition: ease .4s;
  display: block;
}

.hamburger span:nth-child(1) {
  top: 0;
}

.hamburger span:nth-child(2) {
  margin: 8px 0;
}

.hamburger span:nth-child(3) {
  top: 0;
}

/* ハンバーガーメニュークリック後のスタイル */
.header__nav.active {
  transform: translateX(0);
}

.hamburger.active span:nth-child(1) {
  top: 12px;
  transform: rotate(45deg);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;

}

.hamburger.active span:nth-child(3) {
  top: -10px;
  transform: rotate(-45deg);
}
	

/*メインビジュアル*/
/*上にのせるテキストの設定*/
.top-image-text{
	color:#fff;
	position: absolute;
	text-align: center;
	top: 60%;
	left: 50%;
	transform: translate(-50%,-50%);/*センター寄せの修正*/
	margin: 0!important;/*文字がずれている場合や*/
	padding: 0!important;/*文字が折り返される場合*/
	text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 5px, rgba(0, 0, 0, 0.4) -1px 1px 5px, rgba(0, 0, 0, 0.4) 1px -1px 5px, rgba(0, 0, 0, 0.4) -1px -1px 5px;
	font-size: 1.3em;
}

/*トピックス*/
.top-topics {
	width: auto;
	background: #bedafc;
	padding-top: 60px;
	padding-bottom: 60px;
}
.top-topics-inner {
	width: 90%;
	margin: 0 auto;
}
.top-topics-con {
	padding: 20px 0;
	border-bottom: solid 1px #fff;
}
	.top-topics-category1 {
	position: relative;
  display: inline-block;
	margin-left: 15px;
	padding: 3px 20px;
	background: #005bc9;
	color: #fff;
	font-size: 14px;
	height: 28px;
}
.top-topics-category2 {
	position: relative;
  display: inline-block;
	margin-left: 15px;
	padding: 3px 20px;
	background: #e59900;
	color: #fff;
	font-size: 14px;
	height: 28px;
}
.top-topics-title {
	font-weight: bold;
	font-size: 18px;
	margin-left: 10px;
	margin-bottom: 3px;
	line-height: 1.5em;
}
.top-topics-txt {
	margin-left: 10px;
	line-height: 1.5em;
	width: auto;
	color: #002e72;
}
	
/*ウェルカムメッセージ*/
.top-welcome {
	width: auto;
	background: #EFF4FF;
	padding-top: 60px;
	padding-bottom: 50px;
}
.top-welcome-inner {
	width: 90%;
	margin: 0 auto;
}

/*センターについて*/
.top-about {
	width: auto;
	background: #fff;
	padding-top: 60px;
	padding-bottom: 50px;
}
.top-about-inner {
	width: 90%;
	margin: 0 auto;
}
.top-about-btn {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}
.top-about-btn li {
	width: 300px;
	margin-bottom: 10px;
}

/*アーカイブ*/
.top-archive {
	width: 100%;
	background: #bedafc;
	padding-top: 60px;
	padding-bottom: 50px;
}
.top-archive-inner {
	width: 90%;
	margin: 0 auto;
}
.top-archive-btn {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}
.top-archive-btn li {
	width: 300px;
	margin-bottom: 10px;
}

/*コミュニティ*/
.top-community {
	width: 100%;
	background: #fff;
	padding-top: 60px;
	padding-bottom: 60px;
}
.top-community-inner {
	width: 90%;
	margin: 0 auto;
}
.top-community-forum {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.top-community-forum1 {
	width: auto;
}
.top-community-forum2 {
	width: 100%;
}
.top_event_con {
	padding: 20px 0;
	border-bottom: solid 1px #d1dfed;
}
.top_event_ti {
	font-weight: bold;
	font-size: 18px;
	margin-left: 5px;
	line-height: 1.5em;
}
.top_event_txt {
	margin-left: 5px;
	line-height: 1.5em;
	color: #002e72;
}

/*お問い合わせ*/
.top-contact {
	width: auto;
	background: #bedafc;
	padding-top: 50px;
	padding-bottom: 50px;
}
.top-contact-inner {
	width: 50%;
	margin: 0 auto;
}

/*フッター*/
footer {
	width: auto;
	background: #003893;
	padding-top: 50px;
	padding-bottom: 50px;
}
.footer-inner {
	width: 90%;
	margin: 0 auto;
	color: #fff;
}
.footer-logo {
	width: 50%;
	margin-bottom: 20px;
}
.footer-menu {
	display: flex;
	justify-content: normal;
	flex-wrap: wrap;
}

}