@charset "utf-8";
.gw2026 .event_bg{
	padding: 10rem 0 13rem;
	background-color: #E1FFDC;
	background-image: url(/pages/gw/img/event/bg_event.png);
	background-repeat: repeat;
	background-size: 50%;
	background-position: top center;
}
.gw2026 h2{
	margin: 0 auto;
	max-width: 57rem;
}
.gw2026 h3{
	margin: 6rem auto 0;
	text-align: center;
}

/* mv */
.gw2026 .mv {
	margin-top: 1.5rem;
}

/*共通*/
.gw-event__sub,
.gw-workshop__sub{
	display: flex;
	flex-wrap: wrap;
	margin: 60px auto 0;
	max-width: 1080px;
	gap: 30px 2.3%;
}
.gw-event__sub .box,
.gw-workshop__sub .box {
	display: flex;
	flex-direction: column;
	padding: 0;
	width: 48.8%;
	background: #fff;
	border-radius: 1rem;
}
.gw-workshop__sub .box {
	width: 31.8%;
}
.gw-event__sub .box .pic img,
.gw-workshop__sub .box .pic img{
	border-radius: 1rem;
}
.gw-event__sub .box.end .pic,
.gw-workshop__sub .box.end .pic{
	position: relative;
}
.gw-event__sub .box.end .pic::before,
.gw-workshop__sub .box.end .pic::before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(/pages/gw/img/event/event_close.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius: 1rem;
	z-index: 1;
}
.gw-event__sub .box .detail,
.gw-workshop__sub .box .detail {
	padding: 2rem;
}
.gw-event__sub .detail .date,
.gw-workshop__sub .detail .date{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 2rem;
	padding: 0.2rem 2rem 0.6rem;
	font-size: 1.4rem;
	font-weight: 500;
	color: #000;
	background-color: #FBE3E6;
	border-radius: 5rem;
}
.gw-event__sub .detail .date span,
.gw-workshop__sub .detail .date span{
	margin: 0 0.5rem;
	font-size: 2.8rem;
}
.gw-event__sub .detail .date .arrow,
.gw-workshop__sub .detail .date .arrow {
	margin: 0.4rem 1rem 0;
	font-size: 1.2rem;
}
.gw-event__sub .detail .program,
.gw-workshop__sub .detail .program {
	margin-top: 1.5rem;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 3rem;
	color: #ED7994;
}
.gw-event__sub .detail .program span,
.gw-workshop__sub .detail .program span{
	display: block;
	font-size: 1.6rem;
	line-height: 3rem;
}
.gw-event__sub .detail .lead,
.gw-workshop__sub .detail .lead {
	margin-top: 1.4rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2.2rem;
}
.gw-event__sub .box .info,
.gw-workshop__sub .box .info {
	padding: 2.5rem 2rem;
	background-color: #fff;
	border-radius: 0 0 1rem 1rem;
	font-size: 1.4rem;
	flex: 1;
}
.gw-event__sub .box .info dl,
.gw-workshop__sub .box .info dl {
	margin-bottom: 0.8rem;
	padding-bottom: 0.8rem;
	display: flex;
	gap: 0 1rem;
	line-height: 1.8rem;
}
.gw-event__sub .box .info .no_b,
.gw-workshop__sub .box .info .no_b{
	margin-bottom: 0;
	padding-bottom: 0;
}
.gw-event__sub .box .info dt,
.gw-workshop__sub .box .info dt {
	padding: 0.4rem 0 0.6rem;
	width: 7rem;
	background-color: #ED7994;
	font-size: 1.2rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.6rem;
	text-align: center;
	align-self: flex-start;
	flex-shrink: 0;
	border-radius: 5rem;
}
.gw-event__sub .box .info .attention,
.gw-workshop__sub .box .info .attention {
	margin: 1.2rem 0;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #000;
}
.gw-event__sub .detail .date .pc_inline,
.gw-workshop__sub .detail .date .pc_inline{
	display: inline-block;
	margin: 0;
	font-size: 1.2rem!important;
}

.gw-event .btnMore a,
.gw-event .btnMore span,.gw-workshop .btnMore a,
.gw-workshop .btnMore span  {
  display: flex;
  flex: none;
  padding: 16px 25px 18px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 3rem;
  color: #fff;
  background-color: #ED7994;
  border-radius: 60px;
  text-align: center;
}
.gw-event__inner .box .btnMore,
.gw-event__sub .box .btnMore,
.gw-workshop__inner .box .btnMore,
.gw-workshop__sub .box .btnMore{
  position: relative;
  margin: 2rem auto 0;
  max-width: 250px;
}
.gw-event__inner .box .btnMore::after,
.gw-event__sub .box .btnMore::after,
.gw-workshop__inner .box .btnMore::after,
.gw-workshop__sub .box .btnMore::after{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  content: "\f105";
  color: #fff;
  font-family: "Line Awesome Free";
  font-weight: 900;
}
.gw-event__inner .box .btnMore a.lines,
.gw-event__sub .box .btnMore a.lines,
.gw-workshop__inner .box .btnMore a.lines,
.gw-workshop__sub .box .btnMore a.lines{
  text-align: left;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.gw-event__inner .box.end .pic::before,
.gw-workshop__inner .box.end .pic::before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(/pages/gw/img/event/event_close.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: 1;
}

/*ワークショップ*/
.gw-workshop__sub .detail .icon {
	margin-top: 1.5rem;
	display: flex;
	gap: 0 0.8rem;
}
.gw-workshop__sub .detail .icon li {
	padding: 0.6rem 1rem 0.6rem 1rem;
	font-size: 1.4rem;
	font-weight: 500;
	color: #ED7994;
	border: solid 0.2rem;
	border-radius: 5rem;
	text-align: center;
	background-color: #fff;
}
.gw-workshop__sub .detail .icon li span {
	font-size: 1.2rem;
	line-height: 1.6rem;
}
/*こいのぼり*/
.gw-workshop__sub .detail .date{
	background-color: #DCF6FF;
}
.gw-workshop__sub .detail .program{
	color: #23B8BC;
}
.gw-workshop__sub .box .info dt,.gw-workshop .btnMore a,
.gw-workshop .btnMore span {
	background-color: #23B8BC;
}
/*その他*/
.gw-workshop__sub .other .detail .date{
	background-color: #FFE6DB;
}
.gw-workshop__sub .other .detail .program{
	color: #EA5412;
}
.gw-workshop__sub .box.other .info dt,.gw-workshop__sub .other .btnMore a,
.gw-workshop__sub .other .btnMore span {
	background-color: #EA5412;
}


@media screen and (max-width: 768px) {
	.gw2026 .event_bg{
		padding: 9rem 2%;
	}
	.gw-event__sub,
	.gw-workshop__sub{
		margin: 20px auto 0;
		gap: 10px 2.8%;
	}
	.gw-event__sub .box,
	.gw-workshop__sub .box {
		width: 48.4%;
		border-radius: 1rem;
	}
	.gw-event__sub .box .detail,
	.gw-workshop__sub .box .detail {
		padding: 1rem 1rem 1rem;
		border-radius: 1rem 1rem 0 0;
	}
	.gw-event__sub .detail .date,
	.gw-workshop__sub .detail .date {
		margin-top: 1rem;
		padding: 0.3rem 0 0.6rem;
		font-size: 1.2rem;
	}
	.gw-event__sub .detail .date p span,
	.gw-workshop__sub .detail .date p span {
		margin: 0 0.3rem 0 0;
		font-size: 1.8rem;
	}
	.gw-event__sub .detail .date .arrow,
	.gw-workshop__sub .detail .date .arrow {
		margin: 0.4rem 0.8rem 0;
		font-size: 0.8rem;
	}
	.gw-event__sub .detail .program,
	.gw-workshop__sub .detail .program {
		margin-top: 1rem;
		font-size: 2rem;
		line-height: 2.6rem;
	}
	.gw-event__sub .detail .program span,
	.gw-workshop__sub .detail .program span{
		line-height: 2.2rem;
	}
	.gw-event__sub .detail .lead,
	.gw-workshop__sub .detail .lead {
		margin-top: 1rem;
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.gw-event__sub .box .info,
	.gw-workshop__sub .box .info {
		padding: 1rem 1rem 2rem 1rem;
		border-radius: 0 0 1rem 1rem;
	}
	.gw-event__sub .box .info dl,
	.gw-workshop__sub .box .info dl {
		margin-bottom: 0.6rem;
		padding-bottom: 0.6rem;
		gap: 0 1rem;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.gw-event__sub .box .info dt,
	.gw-workshop__sub .box .info dt {
		width: 5rem;
	}
	.gw-event__sub .box .btnMore a,
	.gw-workshop__sub .box .btnMore a{
		display: block;
		padding: 6px 0;
		font-size: 1.4rem;
		text-align: center;
	}
	.gw-event__sub .box .btnMore::after,
	.gw-workshop__sub .box .btnMore::after{
		display: none;
	}

	.gw-event__sub .detail .date .pc_inline,
	.gw-workshop__sub .detail .date .pc_inline{
		display: none;
	}
}