@charset "UTF-8";

i.u-icons{margin-left: 2px;}
a.u-hover{color: #333;}
.u-icon--pdf{display: inline-block;width: 16px;height: auto;margin-left: 3px;vertical-align: middle;position: relative;top: -2px;}
.u-lh--1_3{line-height: 1.3;}
.u-lh--1_5{line-height: 1.5;}
@media (hover: hover) {
	a.u-hover{transition: .2s color;}
	a:hover.u-hover{color: #f50f10;}
}

/*! event-greeting */
.event-greeting{border:1px solid #fad4d4;font-size:calc((16/14)*100%);padding:35px 20px;}
.event-greeting p{font-weight:700;line-height:calc(22 / 16);color:#cc0201;text-align:center;}
.event-greeting a{box-sizing:border-box;background-color:#4d4d4d;color:#fff;display:block;font-weight:700;text-align:center;margin:20px auto 0;width:100%;max-width:496px;padding:16px 10px 19px;}
.event-greeting a span{padding:0 0 0 20px;position:relative;}
.event-greeting a span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff;}
@media (hover: hover) {
	.event-greeting a{transition: .3s background-color ease;}
	.event-greeting a:hover{background-color: #212121;}
}
@media only screen and (max-width:767px){
	.event-greeting{font-size:100%;padding:15px;}
	.event-greeting p{text-align:left;}
	.event-greeting a span {font-size:calc((16/14)*100%);display:inline-block;vertical-align:top;text-align:left;line-height:1.7;}
	.event-greeting a span::before{top:.85em;}
}

/* c-card--movie */
.c-card--movie .c-card__link{position: relative;}
.c-card--movie .icon-member{background-color: #fff;border: 1px solid #ff0000;color: #ff0000;position: absolute;top: 5px;left: 5px;padding: 0 5px;z-index: 1;}

/*! event-products */
.event-products sub{font-size: calc((10/16)*100%);}
.event-products .event-products__tab{display: flex;justify-content: space-between;margin: 0 2px;}
.event-products .event-products__tab>div{width: calc((100% / 6) - 2px);}
.event-products .event-products__tab-btn{background-color: #fff;border-top: 8px solid #b2b2b2;color: #000;display: flex;align-items: center;justify-content: center;position: relative;height: 75px;transition: background-color .3s ease, border-top-color .3s ease;}
.event-products .event-products__tab-btn.is-active{background-color: #f2f2f2;border-top-color: #ff0000;font-weight: 700;}
.event-products .event-products__tab-btn::after{background-color: #b2b2b2;content: "";position: absolute;bottom: 0;right: 0;width: 1px;height: 100%;}
.event-products .event-products__contents{background-color: #f2f2f2;padding: 60px 40px;}
.event-products .event-products__contents-list{display: none;}
.event-products .event-products__contents-list:nth-of-type(1){display: block;}
.event-products .event-products__contents-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px calc((47/970)*100%);}
.event-products .event-products__card{display: flex;flex-direction: column;}
.event-products .event-products__card-heading{margin-bottom: 20px;}
.event-products .event-products__card-heading h3{font-size: 1.125rem; font-weight: 700; line-height: calc(28 / 18); border-left: 2px solid #f00;padding: 4px 0 4px 18px; min-height: 64px;}
.event-products .event-products__card-img{background-color: #000;border: 1px solid #8f8f8f;display: block;position: relative;}
.event-products .event-products__card-img img{width: 100%;height: auto;vertical-align: top;}
.event-products .event-products__card-img .member{background-color: #fff;border: 1px solid #ff0000;color: #ff0000;position: absolute;top: 5px;left: 5px;padding: 0 5px;}
.event-products .event-products__card-img .type{color: #fff;position: absolute;top: 0;right: 0;padding: 1px 5px;}
.event-products .event-products__card-img .type--A{background-color: #c35581;}
.event-products .event-products__card-img .type--B{background-color: #00a0c8;}
.event-products .event-products__card-img .competition{position: absolute;top: 0;left: 0;width: calc((78 / 218)* 100%);	margin: calc((150 / 218)* 35%) 0 0 calc((32 / 218)* -100%);z-index: +1;}
.event-products .event-products__card-img[data-js-movie]::after{background: url(/fa/events-seminars/exhibitions/2024/jimtof2024/assets/img/arw-movie.svg); content: "";position: absolute;top: 50%;left: 50%;padding-bottom: calc((56/218)*100%);width: calc((56/218)*100%);transform: translate(-50%,-50%);filter: drop-shadow(0 0 3px rgb(0, 0, 0, 0.8)) drop-shadow(0 0 5px rgb(0, 0, 0, 0.6));}
.event-products .event-products__card-link a{background-color: #222;color: #fff;display: flex;align-items: center;justify-content: center;padding: 5px;min-height: 45px;}
.event-products .event-products__card-link a{margin-top: 8px;}
.event-products .event-products__card-link a:first-of-type{margin-top: 0;}
.event-products .event-products__card-link a .u-icons.u-icons--bulletRight::before{color: #fff;}
.event-products .event-products__card-link a .member{display: flex;flex-wrap: wrap;}
.event-products .event-products__card-link a .icon-member{background-color: #fff;border: 1px solid #ff0000;color: #ff0000;margin-right: 5px;padding: 0 3px;}
.event-products .event-products__card-link a .u-icons--bulletRight{align-items: center;}
.event-products .event-products__card-link a.is-white{border: 1px solid #ccc;background-color: #fff;color: #000;}
.event-products .event-products__card-link a.is-white{border: 1px solid #ccc;background-color: #fff;color: #000;}
.event-products .event-products__card-link a.is-white .u-icons.u-icons--bulletRight::before{color: #ff0000;}
.event-products .event-products__card-link a.hover__none .u-icons.u-icons--bulletRight::before{display: none;}
@media (hover: hover) {
	.event-products .event-products__tab-btn:hover{background-color: #f2f2f2;border-top-color: #ff0000;}
	.event-products a.event-products__card-img>img{transition: opacity .3s ease;}
	.event-products a.event-products__card-img:hover>img{opacity: .7;}
	.event-products .event-products__card-link a{transition: .3s background-color ease;}
	.event-products .event-products__card-link a:hover{background-color: #9e9e9e;}
	.event-products .event-products__card-link a.is-white{transition: .3s color ease;}
	.event-products .event-products__card-link a.is-white:hover{background-color: #fff;color: #ff0000;}
	.event-products .event-products__card-link a.hover__none:hover{background-color: #222;cursor: default;}
}
@media only screen and (min-width:767px) and (max-width:1050px){
	.event-products .event-products__contents-grid{grid-template-columns: repeat(3, 1fr);}
}
@media only screen and (max-width:767px){
	.event-products{background-color: #fafafa;box-shadow: 0 2px 5px 0 rgba(0,0,0,.15);padding: 25px 4px;}
	.event-products .event-products__tab{margin: 0 3px;}
	.event-products .event-products__tab>div{width: calc((100% / 6) - 1px);}
	.event-products .event-products__tab-btn{background-color: #fafafa;height: 85px;transition: border-top-color .3s ease;text-align: center;font-size: 0.75rem;}
	.event-products .event-products__tab-btn.is-active{background-color: #fafafa;border-top-color: #ff0000;}
	.event-products .event-products__tab>div:first-child .event-products__tab-btn::before{background-color: #b2b2b2;content: "";position: absolute;bottom: 0;left: 0;width: 1px;height: 100%;}
	.event-products .event-products__tab-btn::after{background-color: #b2b2b2;content: "";position: absolute;bottom: 0;right: 0;width: 1px;height: 100%;}
	.event-products .event-products__contents{background-color: #fafafa;padding: 40px 15px 0 15px;}
	.event-products .event-products__contents-grid{grid-template-columns: 1fr;gap: 40px 0;}
	.event-products .event-products__card{display: block;}
	.event-products .event-products__card-heading h3{min-height: auto;padding-left: 10px;font-size: 1rem;}
	.event-products .event-products__card-img[data-js-movie]::after{padding-bottom: calc((116/750)*100vw);width: calc((116/750)*100vw);filter: drop-shadow(0 0 2px rgb(0, 0, 0, 0.8)) drop-shadow(0 0 4px rgb(0, 0, 0, 0.6));}
	.event-products .event-products__card-img .competition{width: calc((177 / 750)* 100vw);margin: calc((70 / 750)* 310vw) 0 0 calc((30 / 750)* -100vw);}
	.event-products .event-products__card-link a{margin-top: 5px;}
	.event-products .event-products__card-link a:first-of-type{margin-top: 0;}
	.event-products .event-products__card-link a .icon-member{margin-right: 4px;padding: 0 3px;align-self: center;}
}

/*! registration */
.registration{padding:56px 0 55px;background-color:#222}
.registration .registration-heading{margin-bottom:20px;text-align:center;color:#fff;font-size:1.42045em;line-height:1.55}
.registration .registration-list{display:flex;justify-content:space-between;color:#fff;text-align:center;max-width:739px;margin:0 auto}
.registration .registration-list li{width:calc((219/739)*100%)}
.registration .registration-list li img{margin:0 auto 17px}
.registration .registration-list__heading{font-weight:700;font-size:1.142857142857143em;margin-bottom:9px}
.registration .registration-list__text{text-align:left}
@media (hover: hover) {
	.registration .registration-list li a:hover {opacity: .8;}
}
@media only screen and (max-width:640px){
	.registration{padding:40px 0 45px;margin-top: -40px;}
	.registration .registration-heading{margin-bottom:15px;padding:0 15px;font-size:1.28em;font-weight:700}
	.registration .registration-list{display:block;width:90%}
	.registration .registration-list li{width:100%}
	.registration .registration-list li img{width:101px;margin:25px auto 11px}
	.registration .registration-list__heading{font-weight:700;font-size:1em;margin-bottom:4px}
	.registration .registration-list__text{text-align:center;font-size:.8571em;line-height:19px}
}