@charset "utf-8";
/*******************************************************
meysen Academy Copyright(c) All Rights Reserved.
*******************************************************/

/*****************************************************
TOP
******************************************************/

#pg-kanga {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/kanga/mainVisual.jpg);
}
#pg-kanga-contents {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/kanga/contents/mainVisual.jpg);
}
#pg-kanga-tt {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/kanga/tt/mainVisual.jpg);
}
#pg-kanga-aevents {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/kanga/aevents/mainVisual.jpg);
}
#pg-kanga-einfo {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/kanga/einfo/mainVisual.jpg);
}
#pg-kanga-pre_event {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/kanga/pre_event/mainVisual.jpg);
}
#pg-kanga-faq {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/kanga/faq/mainVisual.jpg);
}
/* --- Video Play -------------------------------*/
.bl-video-kanga-wrap {
	display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
	transition: all .3s ease-in;
}
	.bl-video-kanga-wrap::after {
		content:"";
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%);
		background-size: cover;
		transition: all .3s ease-in;
	}
		.bl-video-kanga-wrap:hover::after {
			background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .2) 100%);
			transition: all .3s ease-in;
		}
		.bl-video-kanga-wrap .inline-video { position: absolute; top:0; left:0; z-index: 5; }

		#bl-video-kanga .icon-play {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 5rem;
			height: 5rem;
			border-radius: 50%;
			border: solid 10px rgba( 255, 255, 255, .8);
			transform: translate( -50%, -50%);
			transition: all .3s ease-in;
			z-index: 12;
		}
			.icon-play::before {
				font-size: 2rem;
				position: absolute;
				top: 50%;
				left: 50%;
				color: rgba( 255, 255, 255, .8);
				transform: translate( -40%, -50%);
				transition: all .3s ease-in;
			}
			#bl-video-kanga:hover .icon-play {
				position: absolute;
				top: 50%;
				left: 50%;
				width: 5rem;
				height: 5rem;
				background: rgba( 255, 255, 255, .8);
				border-radius: 50%;
				border: solid 0px;
				transform: translate( -50%, -50%);
			}
			#bl-video-kanga:hover .icon-play::before {
				color: rgba(var(--season-main-color), .8);
			}

/* --- Time Table -------------*/
.ly-timetable-wrap {
	display: flex;
	width: 100%;
	margin:12px auto 40px;
}
	.ly-timetable-normal {
		width: 50%;
		padding-right:40px;
	}
	.ly-timetable-am {
		width: calc(50% - 2px);
		padding-left:40px;
		border-left:solid 2px rgba(var(--season-main-color));
	}

	.ly-timetable-table { margin:32px 0; }
	.ly-timetable-table th {
		max-width: 100px;
		min-width: 50px;
		padding:8px 16px;
		vertical-align: top;
	}
	.ly-timetable-table td { padding:8px 16px; }

	.el-timetable-caption { 
		padding-top: 16px;
		padding-left: 18px;
		font-size: 1.375rem;
		font-weight: 600;
		line-height: 1;
	}
	.el-timetable-comment { 
		padding-bottom: 16px;
		padding-left: 18px;
	}

#timetable .el-imgDuo-gap:first-of-type {
	background-image: url(/img/kanga/tt/img.jpg);
}

#timetable .el-imgDuo-gap:last-of-type{
	background-image: url(/img/kanga/tt/img2.jpg);
}

.bl-dualRow-textBox .ly-timetable-table{
	margin: 0;
}

.bl-dualRow-textBox tr {
	display: flex;
}

.bl-dualRow-textBox th,
.bl-dualRow-textBox td {
	padding: 0;
}

.bl-dualRow-textBox th {
	display: flex;
	margin-right: 1rem;
}

.bl-fileAnchor-wrap {
	display: flex;
	flex-wrap: wrap;
}

.el-file-anchor {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 260px;
	height: 210px;
	background: rgb(var(--season-sub-color));
	color: #fff;
	margin: 0 10px 10px 0;
	padding: 1rem 1.5rem 2rem;
}

.el-file-anchor:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	transition: all .3s ease-in-out;
}

.el-file-anchor:after {
	content: '';
	top: 50%;
	left: 50%;
	content: "";
	width: 60px;
	height: 60px;
	background: transparent;
	transform: translate(-50%,-50%);
	transition: all .5s ease-in-out;
}

.el-file-anchor:hover::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(var(--season-main-color),.9);
	z-index: 5;
}

.el-file-anchor:hover::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 60px;
    height: 60px;
    background: url(../img/hover-icon-downoad.svg);
	transform: translate(-50%,-50%);
	z-index: 6;
}


.el-file-anchor span{
	position: absolute;
	top: 1rem;
	left: 1.5rem;
	font-size: .85rem;
	font-weight: bold;
}

.el-file-anchor i{
	margin-right: .5rem;
  	font-size: 2.5rem;
	font-weight: lighter;
}

.el-file-anchor p{
	position: absolute;
	bottom: 2rem;
	left: 1.5rem;
	display: flex;
	align-items: baseline;
	font-size: 1.15rem;
	font-weight: bold;
}

.bl-address-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.bl-address {
	margin-bottom: 2rem;
	padding-right: 3rem;
}

.bl-address:last-of-type {
	margin-bottom: 0;
}

.bl-address span:first-of-type {
  font-size:1.1rem;
}

.bl-address .bl-address-title {
	display: inline-block;
	font-weight: bold;
	margin-bottom: .3rem;
	padding-right: 1rem;
}

.bl-address .bl-address-title:last-of-type {
  margin-bottom: 0;
}

.bl-qr-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 8.5%;
}

.bl-qr-wrap img {
	max-width: 175px;
}

/**text space**/
.hp-mt-spacer { margin:60px 0 28px 0 }



/* --- einfo -------------*/
.ly-einfo-wrap {
	display: flex;
	width: 100%;
	margin:12px auto 40px;
}
.ly-einfo-normal {
	width: 40%;
	padding-right:40px;
}
.ly-einfo-am {
	width: calc(60% - 2px);
	padding-left:40px;
}

.el-einfo-caption { 
	padding-top: 16px;
	padding-left: 18px;
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1;
}
.el-einfo-comment { 
	padding-bottom: 16px;
	padding-left: 18px;
}


.hp-li {
	list-style-type: disc;
	margin-left: 1.3em;
	margin-bottom: 0.7em;
	padding-left: 0.2em;
}
.hp-bold { font-weight: bold; }


@media screen and (min-width : 1600px) {
	.ly-timetable-table{
		width: 100%;
	}
}
@media screen and (max-width : 1200px) {
}
@media screen and (max-width : 960px) {

	/* --- einfo -------------*/
	.ly-einfo-wrap { flex-direction: column; }
	.ly-einfo-normal {
		width: 100%;
		padding-right:0;
	}
	.ly-einfo-am {
		width: 100%;
		padding-left:0;
		border-left:0;
	}
}
@media screen and (max-width : 768px) {
	.ly-timetable-wrap { flex-direction: column; }
	.ly-timetable-normal {
		width: 100%;
		padding-right:0;
	}
	.ly-timetable-am {
		width: 100%;
		/* margin-top: 40px; */
		/* padding-top:40px; */
		padding-left:0;
		border-left:0;
		/* border-top:solid 2px rgba(var(--season-main-color)); */
	}
}
@media screen and (max-width : 640px) {
	#pg-kanga{
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), url(/img/kanga/sp-mainVisual.jpg);
	}
	#pg-kanga-contents {
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/kanga/contents/sp-mainVisual.jpg);
	}
	#pg-kanga-tt {
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/kanga/tt/sp-mainVisual.jpg);
	}
	#pg-kanga-aevents {
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/kanga/aevents/sp-mainVisual.jpg);
	}
	#pg-kanga-einfo {
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/kanga/einfo/sp-mainVisual.jpg);
	}
	#pg-kanga-pre_event {
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/kanga/pre_event/sp-mainVisual.jpg);
	}
	#pg-kanga-faq {
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/kanga/faq/sp-mainVisual.jpg);
	}
}
@media (max-width : 480px) {
	.bl-address { padding-right: 0;	}
	.hp-mt-spacer { margin:16px 0 8px 0 }
}
@media (max-width : 375px) {
	.ly-timetable-wrap { margin-bottom:0!important; }
	.ly-timetable-table tbody tr {
		display: flex;
		flex-direction: column;
	}
	.ly-timetable-table th { padding: 8px 0 0 0; }
	.ly-timetable-table td { padding: 0 16px 8px; }

	.el-timetable-caption { padding-left: 0; }
	.el-timetable-comment { 
		padding-left: 0;
		margin-bottom: 32px;
	}

	/* --- einfo -------------*/
	.ly-einfo-wrap { margin-bottom:0!important; }
}