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

/*
 * テンプレートのPC用 CSS
 */


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

/* グローバルナビゲーション */
#GNAVI {
	font-size: 1em;
}
#GNAVICONTENTS01 .gNavi > a {
	width: 200px;
}



/* フッター */
.footContents {
	display: grid;
	grid-template-columns: max-content auto;
	gap: 50px;
}



/* 記事デザイン01 */
.articleItem01 > .layoutBox {
	grid-template-columns: auto auto;
}
.titleBox.titleStd01 {
	border-left-width: 14px;
}
.articleItem01 .mainTitle .title {
	font-size: 1.54em;
}



/* タイトルデザイン 02 */
.titleBox.titleStd02 {
	font-size: 1.4em;
}



/* タイトルデザイン 03 */
.titleBox.titleStd03 {
	font-size: 1.4em;
}



/* ニュースリスト */
.newsListBox .newsItem {
	display: grid;
	grid-template-columns: min-content auto;
	gap: 2em;
	padding: 2.5em;
}



/* イベントリスト */
.eventListBox .eventItem {
	padding: 2em 2.5em;
}
.eventListBox .eventItem .dateBox {
	font-size: 1.25em;
}
.eventListBox .eventItem .titleBox {
	font-size: 1.5em;
}
.eventListBox .eventItem .appearance {
	font-size: 1.2em;
}



/* 出店ブース */
.boothListBox > .layoutBox {
	grid-template-columns: repeat(3, 1fr);
	gap: 70px 50px;
}



/* エリアマップ */
.areaMapBox > .layoutBox {
	grid-template-columns: 485px auto auto;
	grid-template-areas: 'img txtTC txtTR'
		'txtBT txtBT txtBT';
	gap: 40px;
}
.areaMapBox .mapBoothList .groupBox01 {
	grid-area: txtTC;
}
.areaMapBox .mapBoothList .groupBox02 {
	display: contents;
}
.areaMapBox .mapBoothList .groupBox03 {
	grid-area: txtTR;
}
.areaMapBox .mapBoothList .groupBox04 {
	grid-area: txtBT;
	column-count: 4;
}



/* お問合わせ */
.formBox {
	padding: 60px;
}



.cooperation-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 50px;
}

/* 文字サイズ */
.pcSmall {
	font-size: 0.8em;
}