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

/*
 * テンプレートのタブレット用 CSS
 */


:root {
/* ヘッダー */
	--headerHeight: 80px;
	--headersetGapT: 10px;
	--headersetGapB: 15px;
	
/* ロゴ */
	--logoHeight: 80px;
}
	

/* バーガーボタン */
:root {
	--hamburgerGapIcon2Txt: 10px;
}
.drawer-hamburger {
  font-size: 1.3em;
}


/* ログインボタン */
#LOGINBTNSP {
  font-size: 1.3em;
  width: 2em;
}
#LOGINBTNSP img {
  max-height: 34px;
  width: auto;
}
	

/* グローバルナビ */
#GNAVI {
  display: none;
}


/* 柔軟なレイアウト */
:root {
	--contentsPaddingSide: 30px;
	--sectionContentChildGapV: 25px;
}


/* 記事タイトルリスト */
.articleTitleListBox .articleTitleItem {
  display: flex;
}
.articleTitleListBox .date {
  flex-basis: 10em;
  white-space: nowrap;
}



/* トップページメイン */
@media (max-width: 1023.9px) {
	#EXHIBITION .articleTitleListBox .articleTitleItem {
		display: flex;
		flex-wrap: wrap;
	}
	#EXHIBITION .articleTitleListBox .articleTitleItem .title {
		flex: 1 0 100%;
	}
	#EXHIBITION .articleTitleListBox .articleTitleItem .tagBox {
		flex: 1 0 auto;
		justify-content: end;
	}
}



/* 全ページメイン */
.gridbox1 {
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 30px;
}

.gridbox2 {
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 50px;
}

/* リンクボタン　箱 */
.linkbtn-box {
	grid-template-columns: repeat(2, 1fr);
}