@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap);

/*! event-fill */
.event-fill{background-color:#f2f2f2;padding: 70px 0 100px 0;}
@media only screen and (max-width:767px){
	.event-fill{padding: 40px 0 50px 0;}
}

.event-fill-competition{background-color:#f2f2f2;padding: 76px 0 100px 0;}
@media only screen and (max-width:767px){
	.event-fill-competition{padding: 40px 0 50px 0;}
}

/*! event-competition */
.event-competition {background-color:#fff;display:flex;}
.event-competition__img{order:2;background-color:#fff;width:calc((485/1050)*100%);}
.event-competition__img img{width:100%;height:auto;vertical-align:top;}
.event-competition__info{order:1;flex:1;display:flex;flex-direction:column;padding:36px 0 34px 42px;border-right: 1px solid #bbb;}
.event-competition__heading{font-size:calc((28/14)*100%);font-weight:900;line-height:calc(39/28);}
.event-competition__text{color:#000;font-size:calc((17/14)*100%);line-height:calc(26/17);}
.event-competition__text .bold{font-weight:700}
.event-competition__flex {display:flex;margin-top: 24px;padding-left: 5px;gap: 10px;flex-wrap: wrap;}
.event-competition .event-competition__card-link a {background-color: #222;color: #fff;display: flex;align-items: center;justify-content: center;padding: 8px 26px 6px 24px;min-height: 34px;}
.event-competition .event-competition__card-link a span{transform: translateY(-1px);}
.event-competition .event-competition__card-link a .u-icons.u-icons--bulletRight::before {color: #fff;}
.event-competition .event-competition__card-link a i.u-icons {transform: translateY(2px);}
@media (hover: hover) {
	a:hover.event-competition{color: #f50f10;}
	a .event-competition__img img{transition: .3s opacity ease;}
	a:hover .event-competition__img img{opacity: .7;}
}
@media only screen and (min-width:768px) and (max-width:1250px){
	.event-competition__info{padding:calc((30/1250)*100vw) 0 calc((30/1250)*100vw) calc((50/1250)*100vw);}
	.event-competition__heading{font-size:calc((28/1250)*100vw);}
	.event-competition__text{font-size:calc((17/1250)*100vw);}
	.event-competition__flex {gap: 5px;}
}
@media only screen and (max-width:767px){
	.event-competition{display:block;}
	.event-competition__img{width:auto;}
	.event-competition__info{flex:initial;display:block;padding:15px 15px 20px;border-right: none}
	.event-competition__heading{font-size:calc((21/14)*100%);}
	.event-competition__text{font-size:100%;}
	.event-competition .event-competition__card-link a {padding: 5px;}
	.event-competition__flex {flex-direction: column;
		padding-left: 0;gap: 5px;}
}
/*! event-online */
.event-online{background-color:#f2f2f2;display:flex;}
a.event-online{color: #000;}
.event-online__img{order:2;background-color:#fff;width:calc((485/1050)*100%);}
.event-online__img img{width:100%;height:auto;vertical-align:top;}
.event-online__info{order:1;flex:1;display:flex;justify-content:center;flex-direction:column;padding:30px 0 30px 50px;}
.event-online__heading{font-size:calc((28/14)*100%);font-weight:900;line-height:calc(39/28);}
.event-online__heading small{font-size:calc((20/28)*100%);}
.event-online__heading .u-icons{font-size:calc((20/28)*100%);vertical-align:bottom;}
.event-online__text{color:#000;font-size:calc((17/14)*100%);font-weight:700;line-height:calc(26/17);}
@media (hover: hover) {
	a:hover.event-online{color: #f50f10;}
	a .event-online__img img{transition: .3s opacity ease;}
	a:hover .event-online__img img{opacity: .7;}
}
@media only screen and (min-width:768px) and (max-width:1250px){
	.event-online__info{padding:calc((30/1250)*100vw) 0 calc((30/1250)*100vw) calc((50/1250)*100vw);}
	.event-online__heading{font-size:calc((28/1250)*100vw);}
	.event-online__heading small{font-size:calc((20/1250)*100vw);}
	.event-online__heading .u-icons{font-size:calc((20/1250)*100vw);}
	.event-online__text{font-size:calc((17/1250)*100vw);}
}
@media only screen and (max-width:767px){
	.event-online{display:block;}
	.event-online__img{width:auto;}
	.event-online__info{flex:initial;display:block;padding:15px 15px 20px;}
	.event-online__heading{font-size:calc((21/14)*100%);}
	.event-online__heading small{font-size:calc((13/21)*100%);}
	.event-online__heading .u-icons{font-size:calc((14/21)*100%);}
	.event-online__text{font-size:100%;}
}

/*! event-info */
.event-info sub{font-size: calc((10/16)*100%);}
.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 15px;}
.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;}
.event-info__link .c-cta{width: 100%;min-width: 0;}
.event-info__link .u-icons.u-icons--bulletRight::before{color: #f50f10;}
.event-info__link-icon{border: 1px solid #fff;color:#fff;display:block;font-size:calc((12/16)*100%);font-weight:700;line-height:1.5;margin-right:5px;padding:0 10px 1px 10px;}
.event-info__link .distribution-ended{background-color: #4d4d4d;color: #fff;display: flex;justify-content: center;font-weight: 700;line-height: 1.5;padding: .75em;}
@media (hover: hover) {
	.event-info__link .c-cta{transition: .3s background-color ease;}
}
@media only screen and (max-width:767px){
	.event-info sub{font-size: calc((10/16)*100%);}
	.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;}
	.event-info__link-icon{font-size:calc((11/14)*100%);}
}

/*! event-notice */
.event-notice a{background-color:#fff;display:block;}
.event-notice img{width:100%;height:auto;vertical-align:top;}
@media (hover: hover) {
	.event-notice a img{transition: .3s opacity ease;}
	.event-notice a:hover img{opacity: .7;}
}