@charset "UTF-8";

.loading{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10011;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #beb566;
	opacity: 1;
	visibility: visible;
	transition: all 1s;
}
.loading.is-active{
	opacity: 0;
	visibility: hidden;
}
.loading-animation {
	width: 100%;
	transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
	border-top: solid 1px #111;
}
.loading-animation.is-active {
	opacity: 1;
	visibility: visible;
}

#cbnr{
	position: fixed;
	right: var(--size-38px);
	bottom:  var(--size-38px);
	z-index: 998;
	width: 670px;
}

header{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 998;
	width: 100%;
}
header #header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: var(--size-38px) var(--size-57px);
	line-height: normal;
}
header h1{
	max-width: 147px;
}
header ul{
	display: flex;
	align-items: center;
	color: #fff;
	margin-right: var(--size-19px);
}
header li{
	display: flex;
	align-items: center;
	line-height: normal;
}
header li a{
	display: block;
	padding: 0 var(--size-19px);
	font-weight: 700;
	color: #fff;
}
header li a span{
	display: block;
	padding-bottom: 0.5em;
	border-bottom: solid 1px rgba(0, 0, 0, 0);
	transition: .1s;
}
header li a:hover span{
	border-bottom: solid 1px #fff;
}
header li::after{
	content: " / ";
	padding-bottom: 0.5em;
}
header li:nth-child(4)::after,
header li:last-child::after{
	content: "";
}
header li:last-child{
	width: calc(36px + var(--size-19px));
	height: calc(36px + var(--size-19px));
	margin-left: var(--size-9px);
}
header li:last-child a{
	background: #fff;
	padding: var(--size-19px);
	border-radius: 999px;
}
header li:last-child img{
	width: 36px;
	height: auto;
}

#top nav #navTop a,
#eo nav #navEo a,
#event nav #navEvent a,
#goods nav #navGoods a{
	color: #111;
}
#top nav #navTop a span,
#eo nav #navEo a span,
#event nav #navEvent a span,
#goods nav #navGoods a span{
	border-bottom: solid 1px #111;
}
#top nav #navTop a:hover span,
#eo nav #navEo a:hover span,
#event nav #navEvent a:hover span,
#goods nav #navGoods a:hover span{
	border-bottom: solid 1px #fff;
}


#base article{
	padding-top: 120px;
}

footer{
	font-size: 88%;
	line-height: normal;
	margin-top: var(--size-209px);
}
footer #pageTop a{
	width: 89px;
	display: block;
	margin: 0 auto;
}
footer #footerMainNav{
	display: flex;
	width: 100%;
	margin-top: var(--size-76px);
}
footer #footerMainNav li{
	display: flex;
	justify-content: center;
	background: #111;
	padding: 4px 2px;
	width: 100%;
}
footer #footerMainNav li:first-child{
	padding-left: 4px;
}
footer #footerMainNav li:last-child{
	padding-right: 4px;
}
footer #footerMainNav a{
	display: block;
	background: #fff;
	padding: 1.5em;
	width: 100%;
	text-align: center;
	transition: .1s;
}
footer #footerMainNav a:hover{
	background: #111;
	color: #fff;
}
#footerSuvNav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 1.5em;
	margin-bottom: var(--size-152px);
}
#footerSuvNav ul{
	display: flex;
	align-items: center;
}
#footerSuvNav ul li{
	margin-right: 2em;
}
#footerSuvNav ul li a{
	text-decoration: underline;
}

#footerImg{
	border-top: solid 1px #111;
}
#footerImg img{
	max-width: 1600px;
	display: block;
	margin: 0 auto;
}

.btnBox{
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}
.btnBox a{
	display: inline-block;
	padding: 2em 1em;
	width: 340px;
	text-align: center;
	background: url("/parts/img/link.svg") right 2em center no-repeat #111;
	background-size: 15px;
	color: #fff;
	border: solid 2px #111;
	border-radius: 999px;
	margin: 0 0.5em;
	transition: .1s;
}
.btnBox a:hover{
	background: url("/parts/img/link.svg") right 1.5em center no-repeat #333;
	background-size: 15px;
}
.btnBox a:first-child{
	margin-left: 0;
}
.btnBox a:last-child{
	margin-right: 0;
}

.copyright{
	text-align: right;
	line-height: normal;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.copyright img{
	width: 115px !important;
}


.under #topImg{
	background: url("/parts/img/borderImg.gif") center top;
	padding: 10px 0;
}
.under #topImg div{
	height: 380px;
}
.under section > h3{
	font-weight: 700;
	text-align: center;
	line-height: normal;
	margin-top: var(--size-38px);
	margin-bottom: var(--size-57px);
}
.under section > h3 strong{
	display: block;
	font-size: 262%;
	font-family: 'Oswald', 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #111;
}

.atnt{
	background: #f7f7f7;
	text-align: center;
	line-height: 1.5;
	padding: var(--size-19px);
	margin-top: var(--size-38px);
	margin-bottom: var(--size-38px);
	font-size: 88%;
}


/*-- ========== infoBox ========== --*/
#infoBox{
	background: url("/parts/img/infoImg.png") right bottom no-repeat #fff;
	border: var(--brder8px);
	padding: var(--size-76px) var(--size-114px);
}
#infoBox #infoBoxOverview{
	display: flex;
}
#infoBox #infoBoxOverview div:first-child{
	width: 26%;
	padding: 0 var(--size-9px);
	text-align: center;
}
#infoBox #infoBoxOverview > div:last-child{
	width: 74%;
	padding-left: var(--size-38px);
}
#infoBox #infoBoxOverview > div:last-child > div{
	text-align: left;
}
#infoBox .ovList p{
	font-weight: 700;
}
#infoBox .ovList p strong{
	font-size: 215%;
}
#infoBox .ovList dl{
	display: flex;
	width: 100%;
	border-bottom: var(--brderDot1px);
	padding: var(--size-9px) var(--size-19px);
	margin-top: var(--size-19px);
}
#infoBox .ovList dt{
	display: flex;
	justify-content: space-between;
	width: 7.4em;
	font-weight: 700;
	padding-right: 1em;
}
#infoBox .ovList dt span{
	width: 5em;
	display: inline-block;
}
#infoBox .ovList dt::after{
	content: "　:";
}
#infoBox .ovList dd{
	width: calc(100% - 7.4em);
}
#infoBox .ovList dd strong{
	font-size: 162%;
	line-height: normal;
}
#infoBox .ovList dd span{
	font-size: 88%;
}
#infoBox .ovList dd li{
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-bottom: 0.3em;
}
#infoBox .ovList dd li::before{
	content: "※ ";
}
#infoBox .ovList dd a{
	text-decoration: underline;
}
#infoBox #infoBoxTicket{
	margin-top: var(--size-57px);
	margin-bottom: var(--size-57px);
}
#infoBox #infoBoxTicket h3{
	font-size: 162%;
	line-height: normal;
	margin-bottom: 0.5em;
}
#infoBox #ticketBox{
	margin-bottom: 1em;
}
#infoBox .spTable{
	display: none;
}
#infoBox #ticketBox table{
	width: 100%;
	border-collapse: collapse;
}
#infoBox #ticketBox th,
#infoBox #ticketBox td{
	border: solid 1px #ddd;
	width: 37%;
	text-align: center;
	padding: var(--size-38px) var(--size-9px);
	line-height: normal;
}
#infoBox #ticketBox th{
	font-size: 112%;
	background: #f7f7f7;
}
#infoBox #ticketBox td{
	font-size: 88%;
}
#infoBox #ticketBox td span{
	font-size: 128%;
}
#infoBox #ticketBox td strong{
	color: var(--red);
}
#infoBox #ticketBox tr th:first-child{
	width: 26%;
}
#infoBox #infoBoxTicket .btnBox{
	text-align: left;
}
#infoBox #infoBoxTicket ul li{
	margin-top: 0.5em;
	text-indent: -1.5em;
	padding-left: 1.5em;
	font-size: 88%;
	line-height: 1.3;
}
#infoBox #infoBoxTicket ul li::before{
	content: "※ ";
}
#infoBox #infoBoxSponsored #sponsoredList{
	width: 74%;
}


/*-- ========== TOP ========== --*/
#spTopImg{
	display: none;
}
#mv{
	background: url("/parts/img/TopImg.png") right bottom no-repeat;
	padding-top: var(--size-38px);
	min-height: calc(1100px + var(--size-76px));
}
#mv #mvContent{
	width: 45%;
}
#mv #mvContent h2{
	font-size: 280%;
	line-height: 1.5;
	font-weight: 900;
	letter-spacing: 0.09em;
	margin-top: var(--size-57px);
	margin-bottom: var(--size-38px);
}
#mv #mvContent p{
	font-size: 112%;
	line-height: 2.5;
	padding-bottom: var(--size-114px);
}

#topTTL{
	border-top: solid 1px #111;
}
#topTTL img{
	max-width: 1600px;
	display: block;
	margin: 0 auto;
}

#newsBox{
	display: flex;
	margin-top: var(--size-152px);
	margin-bottom:  var(--size-152px);
}
.newsCon{
	display: flex;
	background: #fff;
	border: var(--brder8px);
	width: 82%;
	padding: var(--size-76px) var(--size-57px);
}
.newsCon .day{
	width: 8.5em;
}
.newsCon .day span{
	display: inline-block;
	margin-right: 1em;
}
.newsCon .day:after{
	content: "/";
}
.newsCon .newsTtl{
	width: calc(100% - 11.5em);
}
.newsCon .newsTtl a{
	text-decoration: underline;
}
#newsList{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #111;
	border-radius: 20px;
	width: calc(18% - 10px);
	margin-left: 10px;
}
#newsList a{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	background: #111;
	color: #fff;
	transition: .1s;
	border: solid 2px #111;
	border-radius: 10px;
}
#newsList a:hover{
	background: #333;
}
#newsList a span{
	display: block;
	width: 100%;
	text-align: center;
}
#newsList a span:last-child{
	margin-top: 0.5em;
}
#newsList a span img{
	display: block;
	line-height: normal;
	width: 23px;
	margin: 0 auto;
}

#TopNavSp{
	display: none;
}
#TopNav{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: var(--size-152px);
}
#TopNav #btn_eo{
	margin-bottom: 40px;
}
#TopNav #btn_event,
#TopNav #btn_goods{
	width: 49%;
}

#TopNav a{
	position: relative;
	display: block;
}
#TopNav a:last-child{
	position: relative;
}
#TopNav a .btn_f{
	position: absolute;
}
#TopNav #btn_eo a .btn_f{
	z-index: 1;
	width: 539px;
	left: -31px;
	top: -37px;
}
#TopNav #btn_event a .btn_f{
	z-index: 1;
	width: 375px;
	left: -81px;
	bottom: -48px;
}
#TopNav #btn_goods a span{
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#TopNav #btn_goods a .btn_f{
	z-index: 1;
	width: 371px;
	left: -53px;
	top: -60px;
}


#info{
	margin-top: var(--size-152px);
}
#info #topInfoImg img{
	display: block;
	margin: 0 auto;
	width: 260px;
}


/*-- ========== EVENT ========== --*/
#event #topImg div{
	background: url("/parts/img/eventTop.jpg") center center no-repeat;
	background-size: cover;
}
#event #atntBox{
	background: #f0dede;
	padding: var(--size-38px) var(--size-76px);
}
#event #atntBox h4{
	text-align: center;
	color: var(--red);
	font-size: 112%;
	font-weight: 700;
	margin-bottom: 0.5em;
	line-height: normal;
}

#event .eventList{
	border: solid 8px #111;
	background: #fff;
	padding: var(--size-76px) var(--size-57px);
	margin-top: 1em;
	line-height: 1.5;
}
#event .eventList h4{
	font-size: 150%;
	line-height: 1.4;
	color: #5b8399;
	font-weight: 700;
	margin-bottom: 0.8em;
}
#event .eventList p{
	margin-bottom: 0.5em;
}
#event .eventList div > p:last-child{
	margin-bottom: 0;
}
#event .eventList ul{
	margin-bottom: 0.5em;
}
#event .eventList li{
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin-bottom: 0.5em;
	font-size: 87%;
	line-height: 1.25;
}
#event .eventList li::before{
	content: "※ ";
}
#event .tableBox{
	background: #ddd;
	padding: 1px 1px 0 1px;
	margin-top: 1em;
}
#event .tableBox .tableFlex{
	width: 100%;
	display: flex;
	padding-bottom: 1px;
}
#event .tableBox .tableFlex .tableBoxTh{
	padding: var(--size-38px);
	font-weight: 700;
	background: #f7f7f7;
	margin-right: 1px;
	width: 26%;
	text-align: center;
}
#event .tableBox .tableFlex .tableBoxTd{
	padding: var(--size-38px);
	background: #fff;
	width: 74%;
}
#event .eventList.eventEnd{
	border-color: #999;
}
#event .eventList.eventEnd h4{
	color: #adc1cc;
}
#event .eventList.eventEnd > div{
	color: #999;
}
#event .eventList.eventEnd .tableBox{
	background: #eee;
	color: #999;
}
#event .eventList.eventEnd .tableBox .tableFlex .tableBoxTh{
	background: #f7f7f7;
	color: #999;
}
#event .eventList.eventEnd .tableBox .tableFlex .tableBoxTd{
	color: #999;
}
#event .eventList.eventEnd .btnBox{
	display: none;
}


/*-- ========== Exhibition Overview ========== --*/
#eo #topImg div{
	background: url("/parts/img/eoTop.jpg") center center no-repeat;
	background-size: cover;
}
#eo #info{
	margin-top: 0;
}
#eo #profileBox{
	background: #fff;
	padding: var(--size-76px) 0;
	margin-top: var(--size-152px);
}
#eo #profileBoxIn{
	display: flex;
}
#eo #profileBoxIn #profileImg{
	width: 25%;
	text-align: center;
	padding: 0 var(--size-38px);
}
#eo #profileBoxIn #profileTxt{
	width: 75%;
}
#eo #profileBoxIn #profileTxt h5{
	margin-bottom: 1em;
}
#eo #profileBoxIn #profileTxt h5 span{
	display: block;
	margin-bottom: 0.2em;
}
#eo #profileBoxIn #profileTxt h5 strong{
	font-size: 200%;
}


/*-- ========== Goods ========== --*/
#goods #topImg div{
	background: url("/parts/img/goodsTop.jpg") center center no-repeat;
	background-size: cover;
}
#goods #goodsBoxIn{
	border: solid 8px #111;
	background: #fff;
	padding: var(--size-19px) var(--size-57px) var(--size-76px) var(--size-57px);
}
#goods #goodsBoxIn .goods1{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	line-height: normal;
}
#goods #goodsBoxIn .goods2,
#goods #goodsBoxIn .goods3{
	display: flex;
	flex-wrap: wrap;
	line-height: normal;
}
#goods #goodsBoxIn strong{
	display: block;
	line-height: 1.3;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
#goods #goodsBoxIn span{
	font-size: 88%;
}
#goods #goodsBoxIn .goods1 > div,
#goods #goodsBoxIn .goods2 > div{
	width: calc(100% / 2);
	text-align: center;
	padding: 0 var(--size-19px);
	margin-top: var(--size-57px);
}
#goods #goodsBoxIn .goods1 > div img,
#goods #goodsBoxIn .goods2 > div img{
	max-width: 382px;
}
#goods #goodsBoxIn .goods3 > div{
	width: calc(100% / 3);
	text-align: center;
	padding: 0 var(--size-19px);
	margin-top: var(--size-57px);
}
#goods #goodsBoxIn .goods3 > div img{
	max-width: 277px;
}
#goods #goodsBoxIn .subTxt{
	margin-top: var(--size-57px);
	margin-bottom: var(--size-38px);
}


/*-- ========== NEWS ========== --*/
#news #topImg div{
	background: url("/parts/img/newsTop.jpg") center center no-repeat;
	background-size: cover;
}

#news .newsCon{
	width: 100%;
	margin-bottom: 1em;
}

#news .newsBox{
	border: solid 8px #111;
	background: #fff;
	padding: var(--size-76px) var(--size-57px);
	margin-top: 1em;
}

#news .newsBox .date{
	margin-bottom: 0.2em;
}
#news .newsBox h4{
	font-size: 150%;
	line-height: 1.4;
	color: #5b8399;
	font-weight: 700;
	margin-bottom: 1.3em;
}
#news .newsBox p{
	margin-bottom: 1em;
}

#news .newsBox > p:last-child{
	margin-bottom: 0;
}
#news .newsBox > div a{
	text-decoration: underline;
}
#news .newsBox > div a:hover{
	text-decoration: none;
}
#news .newsBox ul{
	margin-bottom: 1em;
}
#news .newsBox li{
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin-bottom: 0.5em;
	font-size: 87%;
	line-height: 1.25;
}
#news .newsBox li::before{
	content: "※ ";
}
#news .newsBox img{
	width: auto;
	max-width: 1092px;
}
#news .newsBox iframe{
	width: 100%;
	height: 50vw;
	max-height: 655px;
}
#news .newsBox .aligncenter{
	display: block;
	text-align: center;
	margin-left:auto;
	margin-right: auto;
}

/*-- 20241120 --*/
#youtubeBox iframe{
	display: block;
	width: 672px;
	height: 378px;
	margin: 0 auto;
	margin-top: var(--size-152px);
	margin-bottom:  var(--size-152px);
}

@media screen and (max-width: 1600px) {/* 1600px */

	#cbnr{
		width: 42vw;
	}

	header h1{
		max-width: inherit;
		width: 9.2vw;
	}
	header li:last-child{
		width: calc(2.2vw + var(--size-9px));
		height: calc(2.2vw + var(--size-9px));
	}
	header li:last-child a{
		padding: var(--size-9px);
	}
	header li:last-child img{
		width: 2.2vw;
		height: auto;
	}

	#base article{
		padding-top: 8vw;
	}

	footer #pageTop a{
		width: 5.5vw;
	}


	.btnBox a{
		width: 21vw;
		background-size: 1vw;
	}
	.btnBox a:hover{
		background-size: 1vw;
	}
	.copyright img{
		width: 115px !important;
	}


	.under #topImg{
		padding: 10px 0;
	}
	.under #topImg div{
		height: 24vw;
	}


/*-- ========== TOP ========== --*/
	#mv{
		background: url("/parts/img/TopImg.png") right bottom no-repeat;
		background-size: auto 72vw;
		padding-top: var(--size-38px);
		min-height: calc(72vw + var(--size-76px));
	}

	#newsList a span img{
		width: 1.4vw;
	}

	#TopNav #btn_eo{
		margin-bottom: 2.5vw;
	}

	#TopNav #btn_eo a .btn_f{
		left: -3vw;
		top: -2.3vw;
	}
	#TopNav #btn_event a .btn_f{
		left: -5vw;
		bottom: -3vw;
	}
	#TopNav #btn_goods a .btn_f{
		left: -3.8vw;
		top: -3.7vw;
	}


/*-- ========== NEWS ========== --*/
	#news .newsBox img{
		max-width: 100%;
	}
	#news .newsBox iframe{
		height: 45vw;
		max-height: inherit;
	}


/*-- 20241120 --*/
	#youtubeBox iframe{
		width: 50vw;
		height: 28vw;
	}


}



@media screen and (max-width: 1366px) {/* iPad pro　landscape */

/*-- ========== TOP ========== --*/
	#mv #mvContent h2{
		font-size: 260%;
	}

	#TopNav #btn_eo a .btn_f{
		width: 38vw;
		left: -3vw;
		top: -2.3vw;
	}
	#TopNav #btn_event a .btn_f{
		width: 27vw;
		left: -5vw;
		bottom: -3vw;
	}


}



@media screen and (max-width: 1194px) {/* iPad pro 11　landscape */

/*-- ========== infoBox ========== --*/
	#infoBox{
	background-size: 35vw auto;
}
	#infoBox #infoBoxSponsored #sponsoredList{
		width: 68%;
	}


/*-- ========== TOP ========== --*/
	#mv{
		background: url("/parts/img/TopImg.png") right -13vw bottom no-repeat;
		background-size: auto 90vw;
		padding-top: var(--size-38px);
		min-height: calc(72vw + var(--size-76px));
	}
	#mv #mvContent{
		width: 48%;
	}
	#mv #mvContent h2{
		font-size: 230%;
	}



}



@media screen and (max-width: 1024px) {/* iPad pro　portrait */

	#base article{
		padding-top: 0;
	}

	#cbnr{
		width: 60vw;
		left: 20vw;
		right: inherit;
		bottom: 16vw;
	}

	header{
		position: relative;
	}
	header #header{
		display: block;
	}
	header h1{
		width: 20vw;
		padding: 0;
		max-width: inherit;
		margin: 0 auto;
	}
	header h1 a{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 14vw;
	}
	header ul{
		position: fixed;
		justify-content: center;
		align-items: center;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 13vw;
		background: #fff;
		color: #111;
		padding: var(--size-57px) 0;
		margin-right: 0;
		font-size: 125%;
	}
	header li a{
		color: #111;
	}
	header li a span{
		transition: inherit;
	}
	header li:last-child img{
		width: 5vw;
	}

	footer #pageTop a{
		width: 10vw;
	}
	footer #footerMainNav{
		flex-wrap: wrap;
	}
	footer #footerMainNav li{
		padding: 4px 2px;
		width: 50%;
	}
	footer #footerMainNav li:first-child{
		padding-left: 4px;
		padding-bottom: 0;
	}
	footer #footerMainNav li:nth-child(2){
		padding-right: 4px;
		padding-bottom: 0;
	}
	footer #footerMainNav li:nth-child(3){
		padding-left: 4px;
	}
	footer #footerMainNav li:last-child{
		padding-right: 4px;
	}
	#footerSuvNav{
		display: block;
	}
	#footerSuvNav ul{
		justify-content: center;
	}
	#footerSuvNav p{
		text-align: center;
		margin-top: 10em;
		margin-bottom: 10em;
	}
	#footerImg{
		padding-bottom: 13vw;
	}

	.btnBox a{
		padding: 2em 1em;
		width: 40vw;
		background: url("/parts/img/link.svg") right 2.5em center no-repeat #111;
		background-size: 2vw;
		transition: inherit;
	}
	.btnBox a:hover{
		background: url("/parts/img/link.svg") right 2.5em center no-repeat #333;
		background-size: 2vw;
	}


/*-- ========== infoBox ========== --*/
	#infoBox{
		padding: var(--size-171px) var(--size-114px);
	}
	#infoBox #infoBoxOverview{
		display: block;
	}
	#infoBox #infoBoxOverview div:first-child{
		width: 100%;
		text-align: center;
	}
	#infoBox #infoBoxOverview div:first-child img{
		width: 70%;
		max-width: 254px;
	}
	#infoBox #infoBoxOverview div:last-child{
		width: 100%;
		padding-left: 0;
	}
	#infoBox .ovList p{
		text-align: center;
		line-height: normal;
		margin-top: var(--size-57px);
	}
	#infoBox .ovList p strong{
		display: block;
	}
	#infoBox .ovList dl{
		display: flex;
		width: 100%;
		border-bottom: var(--brderDot1px);
		padding: var(--size-9px) var(--size-19px);
		margin-top: var(--size-19px);
	}
	#infoBox .ovList dt{
		display: flex;
		justify-content: space-between;
		width: 7.4em;
		font-weight: 700;
		padding-right: 1em;
	}
	#infoBox .ovList dt span{
		width: 5em;
		display: inline-block;
	}
	#infoBox .ovList dt::after{
		content: "　:";
	}
	#infoBox .ovList dd{
		width: calc(100% - 7.4em);
	}
	#infoBox .ovList dd strong{
		font-size: 162%;
		line-height: normal;
	}
	#infoBox .ovList dd span{
		font-size: 88%;
	}
	#infoBox .ovList dd a{
		text-decoration: underline;
	}
	#infoBox #infoBoxTicket{
		margin-top: var(--size-57px);
		margin-bottom: var(--size-57px);
	}
	#infoBox #infoBoxTicket h3{
		font-size: 162%;
		line-height: normal;
		margin-bottom: 0.5em;
	}
	#infoBox #ticketBox{
		margin-bottom: 1em;
	}
	#infoBox #ticketBox table{
		width: 100%;
		border-collapse: collapse;
	}
	#infoBox #ticketBox th,
	#infoBox #ticketBox td{
		border: solid 1px #ddd;
		width: 37%;
		text-align: center;
		padding: var(--size-38px) var(--size-9px);
		line-height: normal;
	}
	#infoBox #ticketBox th{
		font-size: 112%;
		background: #f7f7f7;
	}
	#infoBox #ticketBox td{
		font-size: 88%;
	}
	#infoBox #ticketBox td span{
		font-size: 128%;
	}
	#infoBox #ticketBox td strong{
		color: var(--red);
	}
	#infoBox #ticketBox tr th:first-child{
		width: 26%;
	}
	#infoBox #infoBoxTicket .btnBox{
		text-align: left;
	}
	#infoBox #infoBoxTicket ul li{
		margin-top: 0.5em;
		text-indent: -1.5em;
		padding-left: 1.5em;
		font-size: 88%;
		line-height: 1.3;
	}
	#infoBox #infoBoxTicket ul li::before{
		content: "※ ";
	}
	#infoBox #infoBoxSponsored #sponsoredList{
		width: 74%;
	}

	#infoBox .btnBox a{
		width: 34vw;
		}


/*-- ========== TOP ========== --*/
	#spTopImg{
		display: block;
	}
	#spTopImg img{
		display: block;
		line-height: normal;
	}
	#spTopImg img:first-child{
		width: 76vw;
		margin: 0 auto;
	}
	#spTopImg img:last-child{
		border-top: solid 1px #111;
	}
	#mv{
		background: none;
		padding-top: var(--size-76px);
		min-height: inherit;
	}
	#mv #mvContent{
		width: 100%;
	}
	#mv #mvContent h1 img{
		width: 76vw;
		display: block;
		margin: 0 auto;
	}
	#mv #mvContent h2{
		font-size: 350%;
		margin-top: var(--size-76px);
		margin-bottom: var(--size-57px);
	}
	#mv #mvContent p{
		padding-bottom: 0;
	}

	#topTTL{
		display: none;
	}

	.newsCon{
		width: 75%;
	}
	#newsList{
		width: calc(25% - 1em);
	}

/*-- 20241120 --*/
	#youtubeBox iframe{
		width: 75vw;
		height: 42vw;
	}

}



@media screen and (max-width: 768px) {/* TB */

	.atnt{
		text-align: left;
		padding: var(--size-38px);
	}

	#cbnr{
		width: 90vw;
		left: 5.2vw;
		bottom: 20vw;
	}

	header ul{
		height: 18vw;
		font-size: 88%;
	}

	footer #pageTop a{
		width: 15vw;
	}
	#footerImg{
		/*padding-bottom: 18vw;*/
		padding-bottom: 45vw;
	}

	.btnBox a{
		width: 100%;
		background: url("/parts/img/link.svg") right 2em center no-repeat #111;
		background-size: 4vw;
		margin-left: 0;
		margin-right: 0;
	}
	.btnBox a:hover{
		background: url("/parts/img/link.svg") right 2em center no-repeat #333;
		background-size: 4vw;
	}

	.under section > h3 strong{
		font-size: 225%;
	}

	.copyright{
		margin-top: 0.1em;
	}
	.copyright img{
		width: 20vw !important;
	}

/*-- ========== infoBox ========== --*/
	#infoBox{
		background: url("/parts/img/infoImg.png") right bottom no-repeat #fff;
		background-size: 60vw;
		padding: var(--size-114px) var(--size-38px) 64vw;
	}
	#infoBox .ovList dl{
		display: block;
		width: 100%;
		border-bottom: none;
		padding: 0;
		margin-top: var(--size-57px);
	}
	#infoBox .ovList dt{
		display: block;
		width: 100%;
		padding-right: 0;
		padding: 0.8em 0;
		margin-bottom: 0.6em;
		background: #beb566;
		color: #fff;
		text-align: center;
	}
	#infoBox .ovList dt span{
		width: 100%;
		display: inline-block;
	}
	#infoBox .ovList dt::after{
		content: inherit;
	}
	#infoBox .ovList dd{
		width: 100%;
		padding: 0 0.5em;
	}

	#infoBox .pcTable{
		display: none;
	}
	#infoBox .spTable{
		display: block;
	}
	#infoBox #ticketBox .spTable:last-child{
		margin-top: 0.5em;
	}
	#infoBox #ticketBox th,
	#infoBox #ticketBox td{
		width: 100vw;
		font-size: 100%;
	}
	#infoBox #ticketBox tr th:first-child{
		width: 35%;
	}
	#infoBox #infoBoxSponsored #sponsoredList{
		width: 100%;
	}
	#infoBox .btnBox a{
		width: 100%;
	}
	#infoBox .btnBox a:last-child{
		margin-top: 1em;
	}
	#infoBox .btnBox a:first-child{
		margin-top: 0;
	}


/*-- ========== TOP ========== --*/
	#mv #mvContent h1 img{
		width: 85vw;
	}
	#mv #mvContent h2{
		font-size: 205%;
		margin-top: var(--size-76px);
		margin-bottom: var(--size-57px);
	}

	#newsBox{
		display: block;
	}
	.newsCon{
		width: 100%;
		display: block;
	}
	.newsCon .newsTtl {
		width: 100%;
	}
	.newsCon .day:after {
		content: "";
	}
	#newsList{
		width: 100%;
		height: auto;
		margin-left: 0;
		margin-top: 0.5em;
	}
	#newsList a,
	#newsList a:hover{
		background: url("/parts/img/link.svg") right 1.5em center no-repeat #111;
		transition: inherit;
	}
	#newsList a strong{
		display: block;
		padding: 1em 0;
	}
	#newsList a span:last-child{
		display: none;
	}
	#imgList li img{
		height: 30vw;
		width: auto;
	}

	#info #topInfoImg img{
		width: 50vw;
	}
	#TopNav{
		display: none;
	}
	#TopNavSp{
		display: block;
		margin-top: var(--size-114px);
	}
	#TopNavSp > div{
		margin-top: 1em;
	}


/*-- ========== EVENT ========== --*/

	#event .tableBox .tableFlex{
		display: block;
		padding-bottom: 1px;
	}
	#event .tableBox .tableFlex .tableBoxTh{
		margin-right: 0;
		margin-bottom: 1px;
		width: 100%;
	}
	#event .tableBox .tableFlex .tableBoxTd{
		width: 100%;
	}


/*-- ========== Goods ========== --*/
	#goods #goodsBoxIn .goods2{
		justify-content: center;
	}
	#goods #goodsBoxIn .goods1 > div,
	#goods #goodsBoxIn .goods2 > div{
		width: 96%;
		text-align: center;
		padding: 0 var(--size-19px);
		margin-top: var(--size-57px);
	}
	#goods #goodsBoxIn .goods1 > div img,
	#goods #goodsBoxIn .goods2 > div img{
		max-width: 90%;
	}
	#goods #goodsBoxIn .goods3 > div{
		width: calc(100% / 2);
		text-align: center;
		padding: 0 var(--size-19px);
		margin-top: var(--size-57px);
	}
	#goods #goodsBoxIn .goods3 > div img{
		max-width: 100%;
	}
	#goods #goodsBoxIn .goods3 p{
		font-size: 84%;
	}

}



@media screen and (max-width: 759px) {/* SP */


/*-- ========== TOP ========== --*/
	#mv #mvContent h2{
		font-size: 170%;
		margin-top: var(--size-76px);
		margin-bottom: var(--size-57px);
	}


/*-- ========== Exhibition Overview ========== --*/
	#eo #profileBox{
		padding: var(--size-152px) 0;
	}
	#eo #profileBoxIn{
		display: block;
	}
	#eo #profileBoxIn #profileImg{
		width: 50vw;
		margin: 0 auto;
	}
	#eo #profileBoxIn #profileTxt{
		margin-top: var(--size-57px);
		width: 100%;
	}
	#eo #profileBoxIn #profileTxt h5{
		text-align: center;
	}


/*-- ========== Goods ========== --*/
	#goods #goodsBoxIn .goods3{
		justify-content: center;
	}
	#goods #goodsBoxIn .goods3 > div{
		width: 96%;
	}
	#goods #goodsBoxIn .goods3 > div img{
		max-width: 70%;
	}
	#goods #goodsBoxIn .goods3 p{
		font-size: 84%;
	}

}