.s_content2{
	width: 98%;
	height: auto;
	margin: 1%;
}
.link-s{
	color: #333;
	border-bottom: 1px solid #333;
}
/* 共通 */
img.logo {
    margin: 0 auto;
    display: block;
    margin-top: 2em;
    /*
    width: 100%;
    height: auto;
    max-width: 560px;
    */
}

/* アラート */
div.s_alerts_grid_box {
    padding: 10px;
}

span.s_alerts_grid_title {
    margin-left: -8px;
    font-weight: bold;
    color: #BBBBBB;
}
span.s_alerts_grid_value {
    font-size: 16px;
    color: #444444;
    display: inline-block;
    width: 100%;
    border-bottom: solid 1px #BBBBBB;
}



/* 
 * 登録申請 リスト
 * */
#s_course_reg_list table.timetable {
    width: 100%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-collapse: collapse;
    border-spacing: 0;
}
#s_course_reg_list table.timetable td.thead {
    background-color: #0068B7;
    color: #EEEEEE;
	width: 14%;
}
#s_course_reg_list table.timetable th, #s_course_reg_list table.timetable td {
    width: auto;
    padding: 1em;
    text-align: center;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}
#s_course_reg_list table.timetable button {
    margin: 10px 0px;
    width: 100%;
    display: block;
    border-width: 1px;
	border-radius: 5px;
	background-color: #E1E1E1;
}
#s_course_reg_list table.timetable button.active {
    color: #E60012;
	border: none;
}
#s_course_reg_list table.timetable button.selected {
	color: #EEEEEE;
    background-color: #009E96;
    border-color: #009E96;
}
#s_course_reg_list table.timetable button.selected.active {
    color: #E60012;
	 background-color: #B0D0CE;
}
#s_course_reg_list table.timetable button.applied {
    color: #EEEEEE;
    background-color: #009944;
    border-color: #28a4c9;
}
#s_course_reg_list table.timetable button.applied.active {
    color: #E60012;
	border: none;
	background-color: #99D6B4;
}
#s_course_reg_list table.timetable button.approved {
    color: #EEEEEE;
    background-color: #1D2088;
    border-color: #245580;
}
#s_course_reg_list table.timetable button.approved.active {
    color: #E60012;
	background-color: #9395C6;
}
#s_course_reg_list table.timetable button.rejected {
    color: #eee;
    background-color: #E60012;
    border-color: #E60012;
}
#s_course_reg_list table.timetable button.rejected.active {
    color: #E60012;
	background-color: #F599A0;
}
#s_course_reg_list div.has_error {
    padding: 15px 20px;
    border-style: solid;
    border-color: #E60012;
	background-color: #E60012;
	color: #eee;
}
#s_course_reg_list button.course_reg_action {
    text-align: center;
    font-size: 1.7em;
    margin: 20px;
}

/* 
 * 登録申請 詳細
 * */
#s_course_reg_detail table.class_info {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
#s_course_reg_detail table.class_info th{
    text-align: center;
    border: 1px solid #444;
    background-color: #0068B7;
    color: #EEEEEE;
}
#s_course_reg_detail table.class_info .th2{
    text-align: center;
    border: 1px solid #444;
    background-color: #009E96;
    color: #EEEEEE;
}
#s_course_reg_detail table.class_info .th3{
    text-align: center;
    border: 1px solid #444;
    background-color: #009944;
    color: #EEEEEE;
}
#s_course_reg_detail table.class_info .th4{
    text-align: center;
    border: 1px solid #444;
    background-color: #8FC31F;
    color: #EEEEEE;
}
#s_course_reg_detail table.class_info .th5{
    text-align: center;
    border: 1px solid #444;
    background-color: #F39800;
    color: #EEEEEE;
}
#s_course_reg_detail table.class_info td{
    border: 1px solid #444;
	text-align: center;
}
#s_course_reg_detail table.class_info_detail tr:nth-child(odd){
    background-color: #99C3E2;
}
#s_course_reg_detail table.class_info_detail .tr2:nth-child(odd){
    background-color: #B0D0CE;
}
#s_course_reg_detail table.class_info_detail .tr3:nth-child(odd){
    background-color: #99D6B4;
}
#s_course_reg_detail table.class_info_detail .tr4:nth-child(odd){
    background-color: #D2E7A5;
}
#s_course_reg_detail table.class_info_detail .tr5:nth-child(odd){
    background-color: #FAD699;
}
#s_course_reg_detail #btn_reg{
    font-size: 1.2em;
    background-color: #1D2088;
	box-shadow: 2px 2px #9395C6;
    color: #EEEEEE;
    margin-bottom: 15px;
    padding: 10px;
    border-radius:4px;
}
#s_course_reg_detail #btn_reg:hover{
	box-shadow: none;
}
#s_course_reg_detail #btn_reg_cancel{
    font-size: 1.2em;
    background-color: #ffffff;
    box-shadow: 2px 2px #c7c7c7;
    color: #000000;
    margin-bottom: 15px;
    padding: 10px;
    border-radius:4px;
}
#s_course_reg_detail #btn_reg_cancel:hover{
    box-shadow: none;
}
.s-title-h2{
	font-size: 1.2em;
}
@media screen and (max-width: 768px) {
	.s-title-h2{
	text-align: center;
}
}
.s2{
	border-bottom: 3px solid #009E96;
}
.s3{
	border-bottom: 3px solid #009944;
}
.s4{
	border-bottom: 3px solid #8FC31F;
}
.s5{
	border-bottom: 3px solid #F39800;
}
/* レスポンシブ スマホ */
@media screen and (max-width:768px) {
    
    #s_course_reg_detail table.class_info th, #s_course_reg_detail table.class_info td{
        width: 100%;
    }
    #s_course_reg_detail table.class_info_detail td:before{
        content: attr(data-label);
        border: 1px solid #444;
        background-color: #0068B7;
        color: #EEEEEE;
		width: 100%;
        display: block;
        padding: 5px;
        margin-bottom: 10px;
    }
	#s_course_reg_detail table.class_info_detail .td2:before{
        content: attr(data-label);
        border: 1px solid #444;
        background-color: #009E96;
        color: #EEEEEE;
		width: 100%;
        display: block;
        padding: 5px;
        margin-bottom: 10px;
    }
	#s_course_reg_detail table.class_info_detail .td3:before{
        content: attr(data-label);
        border: 1px solid #444;
        background-color: #009944;
        color: #EEEEEE;
		width: 100%;
        display: block;
        padding: 5px;
        margin-bottom: 10px;
    }
	#s_course_reg_detail table.class_info_detail .td4:before{
        content: attr(data-label);
        border: 1px solid #444;
        background-color: #8FC31F;
        color: #EEEEEE;
		width: 100%;
        display: block;
        padding: 5px;
        margin-bottom: 10px;
    }
	#s_course_reg_detail table.class_info_detail .td5:before{
        content: attr(data-label);
        border-top: 1px solid #444;
        border-bottom: 1px solid #444;
        border-left: 1px solid #444;
        border-right: none;
        background-color: #F39800;
        color: #EEEEEE;
		width: 100%;
        display: block;
        padding: 5px;
        margin-bottom: 10px;
        white-space: nowrap;
    }
    #s_course_reg_detail table.class_info tr.only_pc{
        display: none;
    }
    #s_course_reg_detail table.class_info_detail .tr2:nth-child(odd){
    background-color: #fff;
        border-collapse:separate;
       border-spacing: 0 15px;
    display: inline-table;
}
#s_course_reg_detail table.class_info_detail .tr3:nth-child(odd){
    background-color: #fff;
    border-collapse:separate;
       border-spacing: 0 15px;
    display: inline-table;
}
#s_course_reg_detail table.class_info_detail .tr4:nth-child(odd){
    background-color: #fff;
    border-collapse:separate;
    border-spacing: 0 15px;
    display: inline-table;
}
    #s_course_reg_detail table.class_info_detail .tr5:nth-child(odd){
    background-color: #fff;
}
}
@media screen and (max-width: 768px) {
	.class_info_sp1{
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}
.content-tutorial{
	max-width: 980px;
}

.title-tutorialvideo{
	margin: 0.5em 0;
}
.title-tutorialvideo a{
	color: #fff;
}
.tutorial-title {
  position: relative;
	color: #fff; font-size: 1.5em; font-weight: bold; padding-bottom:0.5em;
}

.tutorial-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #009E96, #009E96 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #009E96, #009E96 2px, #fff 2px, #fff 4px);
}

.class_info_basic th {
    width: 50%;
}
.class_info_capacity th {
    width: 50%;
}

.s_graph {
    width:100%;
}
@media screen and (max-width: 768px) {
    .s_graph {
        margin-left : 0;
        max-width:600px;
    }
}