﻿@charset "UTF-8";

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: base */
* {
	word-break: break-all;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
/*--------------------------------------- breadCrumb */
.breadCrumb li a {
	background: transparent url(img/breadcrumb_black.png) no-repeat scroll right center;
}
/*--------------------------------------- container */
.container article {
	max-width: 1170px;
}

/*--------------------------------------- add class */
.pad_top_20 {
	padding-top: 20px;
}
.pad_bottom_20 {
	padding-bottom: 20px;
}
/*--------------------------------------- btn */

.btn_style_1 {
	display: block;
}
.btn_style_1 a {
	color: #43B14B;
	line-height: 1.5;
	text-decoration: none;
	display: inline-block;
	padding: 0.75em 2em;
	position: relative;
	background-color: #FFFFFF;
	border: 1px solid #43B14B;
	transition: background-color 0.2s, color 0.2s;
}
.btn_style_1 a:hover {
	color: #FFFFFF;
	background-color: #43B14B;
}
.btn_style_2 a {
	line-height: 1.5;
	text-decoration: none;
	display: inline-block;
	padding: 0.75em 2em;
	position: relative;
	color: #FFFFFF;
	background-color: #43B14B;
	border: 1px solid;
	transition: background-color 0.2s, color 0.2s;
}
.btn_style_2 a:hover {
	background-color: #58c760;
}
@media screen and (min-width: 780px), print {
	.btn_list {
		display: flex;
		gap: 2%;
	}
}
@media screen and (max-width: 779px) {

}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: work_course */

/*--------------------------------------- work_course/index.php */
.work_course_table {
	font-size: clamp(13px, 1vw, 16px);
}
.work_course_table thead {
	position: sticky;
	top: 2px;
	z-index: 2;
	background-color: #eaeaea;
	box-shadow: 0 0 0 2px #eaeaea;
}
.work_course_table tr {
	transition: 0.2s background-color;
}
.work_course_table tr:hover {
	background-color: #fafafa;
}
.work_course_table .tr_20day {
	background-color: rgb(67 177 75 / 5%);
	border: 2px solid #43B14B;
}
.work_course_table .tr_20day .td_days {
	color: #ffffff;
	background-color: #43B14B;
}
.work_course_table .tr_20day .td_days a {
	color: #ffffff;
}
.work_course_table .td_days {
	text-align: center;
	width: 8em;
}
.work_course_table .td_pref {
	text-align: center;
	width: 7em;
}
.work_course_table .td_title {
	width: 30%;
}
.work_course_table .td_date {

}
.work_course_table .td_venue {
	font-size: 0.9em;
}
/* tablesorter */
.tablesorter-default .header, .tablesorter-default .tablesorter-header {
	background-image: url(img/icon_sort_img.png);
	background-position: center right 5px;
	background-repeat: no-repeat;
	background-size: 15px;
	cursor: pointer;
	padding-right: 25px;
}
.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerAsc, .tablesorter-default thead .tablesorter-headerSortUp {
	background-image: url(img/icon_sort_up.png);
	border-bottom: #43B14B 2px solid;
}
.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerDesc, .tablesorter-default thead .tablesorter-headerSortDown {
	background-image: url(img/icon_sort_down.png);
	border-bottom: #43B14B 2px solid;
}

/*--------------------------------------- work_course/index_detail.php */
.inner_img {
	padding-bottom: 20px;
	text-align: center;
}