@charset "utf-8";

/*----- common -----*/
.event_outline{
	display:flex;
	align-items:center;
	margin:13px 0 7px;
}
.event_status{
	display:inline-block;
	width:60px;
	height:20px;
	line-height:19px;
	background:#666;
	color:#fff;
	font-size:1.1rem;
	letter-spacing:1.32px;
	text-align:center;
	margin-right:4px;
}
.event_status.now{background:#09f;}
.event_status.end{background:#ddd;color:#000;}
.event_category{
	display:inline-block;
	min-width:60px;
	height:20px;
	padding:0 5px;
	line-height:19px;
	color:#666;
	font-size:1.1rem;
	letter-spacing:1.32px;
	text-align:center;
	border:1px solid #666;
}
.event_datitem{
	display:flex;
	align-items:center;
	margin-bottom:6px;
}
.dat_title{
	width:73px;
	font-size:1.1rem;
	letter-spacing:1.32px;
	font-weight:500;
	color:#000 !important;
}


/*----- event/archive -----*/
.content_area.event_parent{padding-bottom:140px;}
.event.parent .page_title{margin:0 0 73px;}
#event_tab_list{
	display:flex;
	justify-content:space-between;
	padding-left:0;
	width:100%;
}
.select_list_wrap{
	display:none;
}
.event_tab_item{
	list-style:none;
	margin:0;
	width:23.69%;
}
.event_tab_link{
	position:relative;
	display:block;
	font-size:1.3rem;
	font-weight:500;
	letter-spacing:1.56px;
	line-height:2.07em;
	text-align:center;
	padding:14px 10px 12px;
	text-decoration:none;
	transition:all 0.3s;
}
.event_tab_link::before{
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:1px;
	bottom:0;
	left:0;
	background:#ddd;
}
.event_tab_link::after{
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:1px;
	bottom:0;
	left:0;
	background:#0099FF;
	transform:scale(0, 1);
	transform-origin:right top;
	transition:transform 0.3s;
}
.event_tab_link:hover,.on .event_tab_link{color:#09f;border-color:#09f;}
.event_tab_link:hover::after,.on .event_tab_link::after{
	transform-origin:left top;
	transform:scale(1, 1);
}
.event_subtab_list{
	display:flex;
	padding-left:0;
	margin:44px 0 78px;
}
.event_subtab_item{
	list-style:none;
	margin:0 28px 0 0;
}
.event_subtab_link{
	position:relative;
	display:block;
	font-size:1.3rem;
	letter-spacing:1.56px;
	line-height:2.07em;
	font-weight:500;
	text-decoration:none;
	color:#333;
	padding-bottom:6px;
	transition:all 0.3s;
}
.event_subtab_link:hover, .on .event_subtab_link{color:#09f;}
.event_subtab_link::after{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:#09f;
	transform:scale(0, 1);
	transform-origin:right top;
	transition:transform 0.3s;
}
.event_subtab_link:hover::after, .on .event_subtab_link::after{
	transform-origin:left top;
	transform:scale(1, 1);
}


/*----- top/past -----*/	
.archive_event_list{
	display:flex;
	flex-wrap:wrap;
	padding:0;
	margin:-70px -3.33333% 0 0;
}
.archive_event_item{
	width:30%;
	margin:70px 3.33333% 0 0;
	list-style:none;
}
.archive_event_link{
	display:block;
	text-decoration:none;
}
.archive_event_img{overflow:hidden;}
.archive_event_img img{
	width:100%;
	transition:transform 0.3s;
}
a:hover .archive_event_img img{transform:scale(1.03);}
.archive_event_title{
	position:relative;
	font-size:1.8rem;
	letter-spacing:1.44px;
	padding:0;
	margin:0 25px 0 0;
	transition:all 0.3s;
}
.archive_event_title::before{display:none;}
.archive_event_title::after{
	content:'';
	display:inline-block;
	position:relative;
	right:-15px;
	bottom:-2px;
	width:23px;
	height:15px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right;
}
a:hover .archive_event_title::after{background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_blue.svg");}
.archive_event_subtitle{
	font-size:1.3rem;
	letter-spacing:1.04px;
	font-weight:500;
	color:#000;
	margin:16px 0 10px;
	transition:all 0.3s;
}
.archive_event_link:hover .archive_event_title,.archive_event_link:hover .archive_event_subtitle{color:#09f;text-decoration:none;}


/*---------- calendar ----------*/
.event_calendar_nav{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.page_feed a{
	font-size:1.3rem;
	letter-spacing:1.56px;
	font-weight:500;
}
.current{
	font-size:1.3rem;
	letter-spacing:1.56px;
	line-height:2.9rem;
	font-weight:500;
}
.current span{
	font-family:'Oswald', sans-serif;
	font-size:2.4rem;
	letter-spacing:1.92px;
	font-weight:300;
}
.event_calendar_nav{margin-bottom:75px;}
.event_calendar_nav + .scroll_txt{margin-bottom:10px;}
.table + .event_calendar_nav{margin:135px 0 0;}

.event_calendar{
	table-layout:fixed;
	margin:0 0 10px;
	width:1100px;
	border-left:none;
}
.event_calendar tr{position:relative;}
.event_calendar thead th{
	padding:1px 0;
	background-clip:padding-box;
	font-size:1.3rem;
	letter-spacing:1.56px;
}
.event_calendar thead th:first-child{width:260px;}
.event_calendar thead th:not(:first-child){
	font-size:1rem;
	letter-spacing:1.2px;
}
.event_calendar th:first-child,
.event_calendar td:first-child{
	position:sticky;
	left:0;
}
.event_calendar th.sat{color:#09f;}
.event_calendar th.sun{color:#f00;}
.event_calendar th span{
	display:block;
	font-family:'Oswald', sans-serif;
	font-size:1.5rem;
	font-weight:300;
	letter-spacing:1.12px;
	margin-bottom:-3px;
}
.event_calendar td{
	padding:0;
	background-clip:padding-box;
	background-color:#fff;
	vertical-align:middle;
}
.event_calendar td.sat{background-color:#D8EFFF;}
.event_calendar td.sun{background-color:#FFE0E0;}
.event_calendar th:first-child::before,
.event_calendar th:first-child::after,
.event_calendar td:first-child::before,
.event_calendar td:first-child::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	width:1px;
	height:100%;
	background:#ddd;
}
.event_calendar th:first-child::before,
.event_calendar td:first-child::before{
	left:0;
}
.event_calendar th:first-child::after,
.event_calendar td:first-child::after{
	right:-1px;
}
.event_exist{
	height:28px;
	background:#09f;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.event_cale_link{
	display:flex;
	padding:12px 10px 10px;
	text-decoration:none;
	transition:all 0.3s;
}
.event_cale_img{
	width:80px;
	margin-right:10px;
	overflow:hidden;
}
.event_cale_img img{transition:transform 0.3s;}
a:hover .event_cale_img img{transform:scale(1.05);}
.event_cale_txt{
	margin-top:-3px;
	width:calc(100% - 90px);
}
.event_cale_cate{
	display:inline-block;
	min-width:60px;
	height:20px;
	padding:0 5px;
	margin-right:15px;
	border:1px solid #666;
	color:#666;
	font-size:1.1rem;
	letter-spacing:1.32px;
	line-height:1.8rem;
	text-align:center;
}
.event_cale_date{
	color:#666;
	font-size:1rem;
	letter-spacing:0.6px;
}
.event_cale_ttl{
	margin:0;
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:2rem;
	transition:color 0.3s;
}
a:hover .event_calendar_title{color:#09f;}
.event_cale_ttl::after{
	content:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg");
	display:inline-block;
	margin-left:10px;
}


/*----- report -----*/
.event_report_list{
	padding:0;
	border-top:1px solid #ddd;
}
.event_report_item{
	list-style:none;
	margin:0 !important;
	border-bottom:1px solid #ddd;
}
.event_report_link{
	display:block;
	padding:24px 50px 23px 25px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right 20px;
	text-decoration:none !important;
}
.event_report_link:hover{
	background-color:#E5F5FF;
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_blue.svg")
}
.event_report_title{
	font-size:1.5rem;
	letter-spacing:1.2px;
	padding:0;
	margin:0;
	transition:all 0.3s;
}
a:hover .event_report_title{color:#09f;}
.event_report_title::before{display:none;}
.event_report_item .event_outline{margin:0 0 5px;}
.event_report_item .event_datitem{margin-bottom:8px;}


/*----- event/single -----*/
.content_area.event_post{max-width:880px;}
.event_child .page_title{
	max-width:880px;
	margin:0 auto 37px;
}
.event_sub_title{
	display:block;
	font-size:1.2rem;
	letter-spacing:1.44px;
	line-height:2.2rem;
	font-weight:normal;
	margin-bottom:7px;
}

.event_child .event_dat{
	display:flex;
}
.event_catch{
	position:relative;
	padding-top:70%;
	margin-bottom:38px;
}
.event_catch_wrap{
	position:absolute;
	display:flex;
	align-items:center;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("https://www.juyoungoh.com/img/common/noimage.svg") no-repeat center;
	background-size:345% 28%;
}
.event_catch img{
	display:block;
	width:auto;
	max-height:100%;
	margin:0 auto;
}


@media screen and (max-width:1024px){

.content_area.event_parent{padding-bottom:100px;}

.event_status{
	font-size:1rem;
	letter-spacing:1.2px;
}
.event_category{
	padding:0 3px;
	font-size:1rem;
	letter-spacing:1.2px;
}

.event_calendar_nav{margin-bottom:47px;}
.table + .event_calendar_nav{margin-top:105px;}
.event_calendar thead th{
	font-size:1rem;
	letter-spacing:1.2px;
}
.event_calendar thead th:first-child{width:220px;}
.event_calendar th span{
	font-size:1.3rem;
	letter-spacing:1px;
	margin-bottom:-5px;
}
.event_cale_link{padding:9px;}
.event_cale_img{width:75px;}
.event_cale_txt{width:calc(100% - 85px);}
.event_cale_cate{
	min-width:50px;
	height:18px;
	margin-bottom:4px;
	font-size:1rem;
	letter-spacing:1.2px;
	line-height:1.6rem;
}
.event_cale_date{
	line-height:1.5rem;
	margin-bottom:2px;
}
.event_cale_ttl{
	font-size:1.2rem;
	letter-spacing:1.2px;
	line-height:1.8rem;
}
.event_exist{height:26px;}

}


@media screen and (max-width:767px){

/*----- common -----*/
.event_outline{
	margin:12px 0 10px;
}
.event_status{
	width:50px;
	height:18px;
	line-height:18px;
	font-size:1.0rem;
	letter-spacing:1.2px;
	margin-right:4px;
}
.event_category{
	min-width:50px;
	height:18px;
	padding:0 3px;
	line-height:16px;
	font-size:1.0rem;
	letter-spacing:1.2px;
}
.event_subtab_list{
	margin:44px 0 50px;
}
.archive_event_item{
	width:48.358%;
	margin-right:0;
}
.event_datitem{
	display:block;
}
.dat_title{
	font-size:1.1rem;
	letter-spacing:1.32px;
}
.dat_detail{
	display:flex;
	align-items:center;
	font-size:1.1rem;
	letter-spacing:0.88px;
	line-height:1.9;
}


/*----- event/archive -----*/
.content_area.event_parent{padding-bottom:60px;}
.event_subtab_list{
	display:none;
}

.select_list_wrap{
	display:block;
	position:relative;
	margin-bottom:50px;
}
.select_list{
	font-size:1.6rem;
	letter-spacing:1.44px;
	line-height:2.2rem;
	color:#666;
	border:1px solid #ddd;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	outline:none;
	cursor:pointer;
	width:100%;
	padding:10px 15px;
}
.select_list_wrap::after{
	position:absolute;
	content:"";
	width:8px;
	height:8px;
	border-right:1px solid #09f;
	border-bottom:1px solid #09f;
	transform:rotate(45deg);
	top:calc(50% - 5px);
	right:17px;
}
.archive_event_list{
	margin:-30px -2% 35px 0;
}
.archive_event_item{
	width:48%;
	margin:30px 2% 0 0;
}
.archive_event_subtitle{
	font-size:1.1rem;
	letter-spacing:0.88px;
	margin:7px 0 8px;
}
.archive_event_title{
	font-size:1.3rem;
	letter-spacing:1.04px;
}


/*----- calendar -----*/
.event_tab_link{
	font-size:1.2rem;
	letter-spacing:1.44px;
	line-height:1.3em;
	padding:14px 2px 12px;
}

.event_calendar_nav{margin-bottom:21px;}
.table + .event_calendar_nav{margin-top:75px;}
.event_calendar{width:920px;}
.event_calendar thead th{
	font-size:0.9rem;
	letter-spacing:1.08px;
	padding:0;
}
.event_calendar thead th:first-child{width:185px;}
.event_calendar thead th:not(:first-child){
	font-size:0.9rem;
	letter-spacing:1.08px;
}
.event_calendar th span{
	font-size:1.1rem;
	letter-spacing:0.88px;
	margin-bottom:-7px;
}
.event_cale_link{padding:6px 8px;}
.event_cale_img{
	width:70px;
	margin-right:8px;
}
.event_cale_txt{
	margin-top:-2px;
	width:calc(100% - 78px);
}
.event_cale_cate{
	min-width:42px;
	height:16px;
	margin:0 0 8px 0;
	font-size:0.9rem;
	letter-spacing:1.08px;
	line-height:1.4rem;
}
.event_cale_date{
	font-size:0.9rem;
	line-height:1.2rem;
	margin-bottom:4px;
}
.event_cale_ttl{
	font-size:1.1rem;
	letter-spacing:1.04px;
	line-height:1.6rem;
}
.event_exist{height:24px;}


/*----- report -----*/
.select_list_wrap{
	margin-top:31px !important;
}
.event_report_link{
	padding:19px 35px 19px 10px;
	background:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_black.svg") no-repeat center right 15px;
}
.event_report_link:hover{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_blue.svg");}
.event_report_link .event_datitem{
	display:flex;
	margin-bottom:4px;
}
.event_report_link .dat_title{
	width:auto;
	margin-right:9px;
}
.event_report_link .dat_detail{
	flex-grow:1;
}
.event_report_title{
	font-size:1.3rem;
	letter-spacing:1.04px;
}


/*----- event/single -----*/
.event_child .page_title{
	margin:0 auto 20px;
}
.event_child .event_dat{
	display:block;
	margin-bottom:40px;
}
.event_child .event_datitem{
	display:flex;
	margin-bottom:1px;
}
.event_child .event_datitem:last-child{
	padding-left:0;
	margin-left:0;
	display:flex;
}
.event_child .event_datitem:last-child::after{
	display:none;
}
.event_child .event_outline{
	margin:12px 0 24px;
}
.event_child .dat_title{
	width:auto;
}

}