@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 exhibition120 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.exhibition120 { margin-bottom: 120px; }

@media screen and (max-width: 767px) {
	.exhibition120 { margin-bottom: 20px; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 exhibitionName 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.exhibitionName { border: solid 1px #333333; pointer-events: none; margin-bottom: 50px; }
.exhibitionName img { display: block; width: auto; height: 118px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 767px) {
	.exhibitionName { position: relative; pointer-events: all; margin-bottom: 20px; }
	.exhibitionName::after { position: absolute; top: 15px; right: 15px; display: block; width: 26px; height: 26px; background-color: #000000; content: ""; }
	.exhibitionName span { position: relative; display: block; }
	.exhibitionName span::before,
	.exhibitionName span::after { position: absolute; display: block; background-color: #ffffff; content: ""; z-index: 1; }
	.exhibitionName span::before { top: 27px; right: 22px; width: 12px; height: 2px; }
	.exhibitionName span::after { top: 22px; right: 27px; width: 2px; height: 12px; opacity: 0; }
	.exhibitionName.closeList span::after { opacity: 1; }
	.exhibitionName img { height: 58px; margin-right: 0; margin-left: 20px; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 exhibitionList 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.exhibitionList { max-width: 960px; margin-right: auto; margin-left: auto; }
.exhibitionList .listInner { position: relative; display: table; width: 100%; }
.exhibitionList .listInner:not(:last-child) { border-bottom: solid 1px #cccccc; padding-bottom: 50px; margin-bottom: 50px; }
.exhibitionList .listInner::before { position: absolute; top: 0; right: 0; left: 0; display: block; width: 1px; height: 100%; background-color: #cccccc; content: ""; margin-right: auto; margin-left: auto; z-index: -1; }
.exhibitionList .listInner:not(:last-child)::after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 50px; background-color: #ffffff; content: ""; z-index: -1; }
.exhibitionList .listBlock { position: relative; display: table-cell; width: 50%; vertical-align: top; padding-right: 20px; padding-left: 20px; }
.exhibitionList .listBlock.blockBlank { font-size: 0; line-height: 0; }
.exhibitionList .listBlock.blockBlank { font-size: 0; line-height: 0; }
.exhibitionList .listBlock .listImg { position: relative; max-width: 300px; margin: 0 auto 30px; aspect-ratio: 300/230; min-width: 0; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; }
.exhibitionList .listBlock .listImg span.exNew:before { position: absolute; top: 0; left: 0; content: ''; display: inline-block; width: 40px; height: 40px; background: url("../../images/exhibition_new.gif") no-repeat; background-size: contain; vertical-align: top; }
.exhibitionList .listBlock .listImg span.exLFV:after { position: absolute; top: 0; right: 0; content: ''; display: inline-block; width: 72px; height: 36px; background: url("../../images/product_lfv_banner.png") no-repeat; background-size: contain; vertical-align: top; }



.exhibitionList .listBlock .listTxt dt { max-width: 300px; margin: 0 auto 15px; }
.exhibitionList .listBlock .listTxt dd { max-width: 360px; font-size: 1.6rem; line-height: 2.6rem; text-align: center; margin-right: auto; margin-left: auto; }
.exhibitionList a.listBlock .listTxt dd { padding-bottom: 50px; }
.exhibitionList a.listBlock .listTxt .listLabel { font-size: 1.6rem; margin-top: 5px; text-align: center; font-weight: 700; line-height: 1; color: #595656; }
.exhibitionList .listBlock .listBtn { position: absolute; right: 0; bottom: 0; left: 0; width: 300px; margin-right: auto; margin-left: auto; }
.exhibitionList .listBlock .listBtn span { position: relative; display: block; border: solid 1px #333333; font-size: 1.5rem; line-height: 1; text-align: center; padding: 6px; }
.exhibitionList .listBlock .listBtn span::before,
.exhibitionList .listBlock .listBtn span::after { position: absolute; display: block; content: ""; }
.exhibitionList .listBlock .listBtn span::before { top: 4px; right: 4px; width: 9px; height: 7px; border: solid 1px #333333; }
.exhibitionList .listBlock .listBtn span::after { top: 8px; right: 10px; width: 6px; height: 6px; border-bottom: solid 1px #333333; border-left: solid 1px #333333; }

@media screen and (min-width: 769px) {
	.exhibitionList .listBlock .listBtn span,
	.exhibitionList .listBlock .listBtn span::before,
	.exhibitionList .listBlock .listBtn span::after { transition: 0.3s ease; }
	.exhibitionList .listBlock:hover .listBtn span { background-color: #333333; color: #ffffff; }
	.exhibitionList .listBlock:hover .listBtn span::before,
	.exhibitionList .listBlock:hover .listBtn span::after { border-color: #ffffff; }
}

@media screen and (min-width: 768px) {
	.exhibitionList { display: block !important; }
}

@media screen and (max-width: 767px) {
	.exhibitionList { display: none; }
	.exhibitionList .listInner:not(:last-child) { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
	.exhibitionList .listInner::before,
	.exhibitionList .listInner:not(:last-child)::after { display: none; }
	.exhibitionList .listBlock { display: block; width: 100%; padding-right: 0; padding-left: 0; margin-bottom: 50px; }
	.exhibitionList .listBlock.blockBlank { display: none; }
	.exhibitionList .listBlock .listTxt dd { font-feature-settings: "palt"; }
	.exhibitionList .listBlock .listBtn { width: 280px; }
	.exhibitionList .listInner:first-child .listBlock:first-child .listImg { padding-top: 20px; }
}