@charset "UTF-8";

/*! event-mv */
.event-mv>picture>img{width: 100%;height: auto;vertical-align: top;}
.event-mv .event-mv__info{background-color: #00799a;color: #fff;display: flex;align-items: center;padding: 10px;}
.event-mv .event-mv__info-details{flex: 1;display: flex;justify-content: center;padding-right: 10px;}
.event-mv .event-mv__info-inner{display: flex;align-items: center;flex-wrap: wrap;}
.event-mv .event-mv__info-text{display: flex;align-items: center;}
.event-mv .event-mv__info-text:nth-of-type(1){margin-right: 20px;}
.event-mv .event-mv__info-text>dt>span{border: 1px solid #fff;display: block;margin-right: 10px;padding: 1px 10px;white-space: nowrap;}
@media only screen and (max-width:767px){
	.event-mv .event-mv__info{display: block;padding: 9px 15px 12px;}
	.event-mv .event-mv__info-details{flex: initial;display: block;padding-right: 0;}
	.event-mv .event-mv__info-inner{display: block;}
	.event-mv .event-mv__info-text{display: flex;align-items: center;}
	.event-mv .event-mv__info-text:nth-of-type(1){margin-right: 0;}
	.event-mv .event-mv__info-text:nth-of-type(n+2){margin-top: 2px;}
	.event-mv .event-mv__info-text>dt>span{border: 1px solid #fff;display: block;margin-right: 10px;padding: 1px 10px;white-space: nowrap;}
}

/*! event-official */
.event-official a{border: 1px solid #d9d9d9;display: flex;justify-content: center;padding: 15px;}
@media only screen and (max-width:767px){
	.event-official a{border: 1px solid #d9d9d9;display: flex;justify-content: center;line-height: calc(32/28);padding: 12px 25px;}
	.event-official a>.u-icons{justify-content: center;width: 100%;padding: 0 18px;position: relative;}
	.event-official a>.u-icons::before{width: 18px;margin-right: 0;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
	.event-official a>.u-icons>span{display: inline-block;vertical-align: top;}
}

/*! event-booth */
.event-booth{background-color: #f2f2f2;border: 1px solid #d9d9d9;}
.event-booth img{width: 100%;height: auto;vertical-align: top;}
.event-booth .event-booth__img{position: relative;}
.event-booth .event-booth__btn{border: 2px solid #fff;color: #fff;display: flex;justify-content: center;position: absolute;top: calc((94/468)*100%);white-space: nowrap;padding: 5px;width: 300px;}
.event-booth .event-booth__btn span{display: block;position: relative;padding-left: 20px;}
.event-booth .event-booth__btn span::before{border-bottom: 2px solid #fff;border-right: 2px solid #fff;content: "";position: absolute;top: calc(50% - 5px);left: 0;width: 8px;height: 8px;transform: rotate(45deg);}
.event-booth .event-booth__btn--shortage{background-color: #00799a;right: calc((610/1048)*100%);}
.event-booth .event-booth__btn--carbon{background-color: #729330;left: calc((610/1048)*100%);}
.event-booth .event-booth__btn--outline{background-color: #ff0000;left: calc((710/1048)*100%);top: calc((288/468)*100%);width: 150px;}
.event-booth .event-booth__btn--outline span::before{transform: rotate(-45deg);top: calc(50% - 3px);}
.event-booth .event-booth__img-modal{box-sizing: border-box;display: flex;position: absolute;top: 0;left: 0;padding-top: 30px;width: 100%;height: 100%;}
.event-booth .event-booth__img-modal__bg{background-color: rgba(255,255,255,.8);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.event-booth .event-booth__img-modal__inner{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;}
.event-booth .event-booth__img-modal__close.u-icons--close{font-size: 0;color: #000;width: 32px;height: 32px;overflow: hidden;position: absolute;top: 5px;right: 5px;}
.event-booth .event-booth__img-modal__img{width: calc((336/1048)*100%);border: 1px solid #000;}
.event-booth .event-booth__img-modal__more{margin-top: 15px;}

.event-booth .event-booth__img-modal__bg{transition: opacity .8s ease;opacity: 0;}
.event-booth .event-booth__img-modal.is-active .event-booth__img-modal__bg{opacity: 1;}
.event-booth .event-booth__img-modal__close{transition: opacity .8s ease;opacity: 0;}
.event-booth .event-booth__img-modal.is-active .event-booth__img-modal__close{opacity: 1;}
.event-booth .event-booth__img-modal__inner{transform: translateY(30px);transition: transform .8s ease, opacity .8s ease;opacity: 0;}
.event-booth .event-booth__img-modal.is-active .event-booth__img-modal__inner{transform: translateY(0);opacity: 1;}
@media (hover: hover) {
	.event-booth .event-booth__btn{transition: .3s background-color ease;}
	.event-booth .event-booth__btn--shortage:hover{background-color: #66afc2;}
	.event-booth .event-booth__btn--carbon:hover{background-color: #aabe83;}
	.event-booth .event-booth__btn--outline:hover{background-color: #fe8d8d;}
	.event-booth .event-booth__img-modal__close.u-icons--close:hover {color: #f50f10;}
}
@media only screen and (min-width:767px) and (max-width:1250px){
	.event-booth .event-booth__btn{border-width: calc((2/1250)*100vw);padding: calc((5/1250)*100vw);width: calc((300/1250)*100vw);}
	.event-booth .event-booth__btn span{padding-left: calc((20/1250)*100vw);font-size: calc((18/1250)*100vw);}
	.event-booth .event-booth__btn span::before{border-bottom-width: calc((2/1250)*100vw);border-right-width: calc((2/1250)*100vw);top: calc(50% - ((5/1250)*100vw));width: calc((8/1250)*100vw);height: calc((8/1250)*100vw);}
	.event-booth .event-booth__btn--outline{width: calc((150/1250)*100vw);}
	.event-booth .event-booth__img-modal__more{margin-top: calc((15/1250)*100vw);}
}
@media only screen and (max-width:767px){
	.event-booth .event-booth__btn{border: 1px solid #fff;top: calc((188/546)*100%);font-size: calc((28/750)*100vw);line-height: calc(34/28);padding: calc((10/750)*100vw) calc((24/750)*100vw);width: auto;}
	.event-booth .event-booth__btn span{padding-left: calc((32/750)*100vw);}
	.event-booth .event-booth__btn span::before{border-bottom-width: calc((4/750)*100vw);border-right-width: calc((4/750)*100vw);top: calc(50% - ((9/750)*100vw));width: calc((16/750)*100vw);height: calc((16/750)*100vw);}
	.event-booth .event-booth__btn--shortage{right: calc((402/686)*100%);}
	.event-booth .event-booth__btn--carbon{left: calc((256/686)*100%);top: calc((58/546)*100%);}
	.event-booth .event-booth__btn--outline{left: calc((470/686)*100%);top: calc((315/546)*100%);width: auto;}
	.event-booth .event-booth__img-modal{padding-top: 26px;}
	.event-booth .event-booth__img-modal__close.u-icons--close{top: 3px;right: 5px;}
	.event-booth .event-booth__img-modal__img{width: 48vw;}
	.event-booth .event-booth__img-modal__more{margin-top: calc((18/750)*100vw);}
}

/*! event-info */
.event-info sub{font-size: calc((10/16)*100%);}
.event-info__section+.event-info__section{border-top: 1px solid #d9d9d9;margin-top: 40px;padding-top: 40px;}
.event-info__img{position: relative;}
.event-info__img .event-info__img-badge{width: calc((156/510)*100%);position: absolute;top: 0;right: 0;margin: calc((22/510)*-100%) calc((22/510)*-100%) 0 0;}
.event-info__title{margin-top: 10px;line-height: calc(32/22);}
.event-info__text{margin-top: 25px;line-height: calc(28/16);}
.event-info__details{display: grid;grid-template-columns: auto 1fr;gap: 12px 10px;margin-top: 25px;}
.event-info__details>dt{grid-column: 1/2;text-align: center;padding-top: 1px;}
.event-info__details>dt>span{background-color: #222;color: #fff;display: block;padding: 0 7px;}
.event-info__details>dd{grid-column: 2/3;line-height: calc(22/16);}
.event-info__details-list>li{display: flex;}
.event-info__details-list>li+li{margin-top: 3px;}
.event-info__details-list>li>span{display: block;white-space: nowrap;margin-right: .7em;}
@media only screen and (max-width:767px){
	.event-info sub{font-size: calc((10/16)*100%);}
	.event-info__section+.event-info__section{margin-top: 30px;padding-top: 30px;}
	.event-info__img .event-info__img-badge{width: calc((186/750)*100vw);margin: calc((18/750)*100vw) calc((18/750)*100vw) 0 0;}
	.event-info__details{gap: 15px 8px;margin-top: 23px;}
	.event-info__details>dt{grid-column: 1/2;text-align: center;padding-top: 0;}
	.event-info__details>dt>span{padding: 1px 7px;}
	.event-info__details-list>li>span{margin-right: .5em;}
}