@charset "utf-8";
html{background:#efefef;}
*,*:after,*:before{box-sizing: border-box;}
body {
  max-width:1024px;
	min-width: 480px;
  margin:16px auto;
  background:#FFFFFF;
  border:1px solid #CCCCCC;
  color:#666;
  font-size:16px;
  line-height:1.5;
  letter-spacing:0.5px;
}

@media screen and (max-width:768px) {body{margin:0;border:0;}
}

.header{padding:8px;}
.header_title{width:600px;margin-left:0;}

.al-C{text-align:center;}
.al-L{text-align:left;}
.vl-T{vertical-align:top;}
.c_f00{color:#f00;}

/*training_session*/
.TS_title{max-width:480px;margin:24px auto;padding:8px 0 12px;background:#213159;border-left:4px solid #f33;border-right:4px solid #f33;}
.TS_title > h1,.TS_title > h5{margin:0;font-weight:300;color:#fff;text-align:center;}
.TS_title > h1{font-size:32px;margin-bottom: -10px;}
.main_containa{padding:8px;}
.title_box{display:flex;justify-content:center;text-align: center;}
.title_box img{width:50%;height:auto;display:block;}
.caution{width:90%;margin:16px auto 24px;}
.caution_title{padding:2px 16px;background:#f00;color:#fff;}
.caution_list{width:100%;margin:8px auto;padding:1px;border:1px solid #f00;text-align:left;}
.caution_list ul{padding-left:30px;}

@media screen and (max-width:768px){.caution{width:98%;margin:8px auto;}.caution_title{padding:2px;}
}

.subheader{
	width:95%;
	margin:16px auto;
	padding:2px 2px 2px 15px;
	color:#fff;
	font-size:15px;
	border-left:10px solid #f33;
	background:#213159;
}
@media screen and (max-width:768px) {.subheader{width:100%;}
}

/*-------------sample movie*/
.samplemovie{
	width:95%;
	margin:16px auto;
	text-align:center;
}
/*-------------timetable*/
#timetable,#private{margin:8px auto;width:95%;}
.attention{margin:16px auto;width:90%;}
.attention{color:#f00;text-align:left;}
.spot{margin:16px auto;width:80%;font-size:18px;font-weight:700;}
.spot > ul{margin:16px auto 24px;font-size:14px;font-weight:500;}
.uno{background:#ad974f;color:#fff;}
.dos{background:#c9caca;color:#fff;}
.tres{background:#a97142;color:#fff;}

table{margin:8px auto;width:100%;border:none;text-align:center;}
table th{padding:3px;background:#213159;color:#fff;text-align:center;line-height:1;font-weight:300;font-size:14px;}
table tr:nth-child(2n+1){background: #f5f5f5;}
table tr td{padding:3px 2px;text-align:center;}
table tr td > span{font-size:24px;}
table tr td.btms{border-bottom:1px solid #ccc;}

@media screen and (max-width:768px) {table tr td > span{font-size:16px;}
}

#timetable ul{margin:16px;}
.reward{margin:8px auto;text-align:center;}
.reward img{width:70%;border:0;margin:8px;}

@media screen and (max-width:768px) {#timetable,#private,table{width:100%;font-size:13px;}.attention{width:98%;}.reward img{width:90%;}#timetable ul{margin-left:-8px;}
}

#private table{width:70%;margin:16px auto;}
.notith{margin:0 auto;text-align:center;line-height:16px;}
.flow_sub{padding:2px 16px;background:#dddddd;}
.flow{width:90%;margin:8px auto;padding:0 6px;border:1px solid #8e793e;text-align:left;}
.flow ol li{margin-left:-12px;}
#private ul{margin:8px auto;width:90%;}

@media screen and (max-width:768px) {#private table{width:90%;}
}

.buttonwrap{margin:16px auto;text-align:center;}
input[type="submit"],input[type="button"],button{padding:6px 12px;background:#228bc8;border: 1px solid #228bc8;border-radius:16px;color:#fff;letter-spacing:1px;outline:none;}
input[type="submit"]:hover,input[type="button"]:hover,button:hover{background:#fff;color:#228bc8;}
button{font-size:12px;letter-spacing:1px;}
button,button:after{transition:all .3s;}
.fewleft{background:#fe0;border:2px solid #fd0;color:#333;}
.fewleft:hover{background:#fff;color:#000;}

.flows{
	width:300px;
	margin:16px auto;
	padding:8px;
	border:1px solid #8e793e;
	font-size:15px;
	text-align:left;
}
.subsubhead{
	width:90%;
	padding:3px 2px 2px 15px;
	margin:5px auto;
	border-bottom:1px solid #8e793e;
	border-top:1px solid #8e793e;
	background:#efefef;
	color:#213159;
	font-size:16px;
}
.description{width:85%;margin:12px auto 24px;}
.description p{margin:16px auto 24px;}
.description > table{width:100%;}
.description > table td{padding:6px;}

@media screen and (max-width:768px) {.description{font-size:14px;}.description ul{margin-left:-16px;}
}

.tagline{
	margin:8px auto;
	font-size:21px;
	color:#333;
	text-align:center;
}
.points{
	width:80%;
	margin:16px auto 32px;
	padding:12px;
	border:2px solid #00bbff;
	background:#fafafa;
	font-size:13px;
}
.points ul{list-style:none;margin-left:-16px;}
.triangle{position:relative;display:inline-block;padding-left: 12px;}
.triangle:before {
	top:50%;
	left: 0;
	position:absolute;
	margin-top: -4px;
	content: '';
	width:0;
	height:0;
	border:solid 4px transparent;
	border-left:solid 6px #ad974f;
}

/*-------------axs*/
.axs{margin:16px auto;text-align:center;}
.axs iframe{margin:0 auto;width:90%;height:325px;border:0;}
.navigation{display:flex;margin:16px auto;text-align:center;}
.TozaiLine,.OedoLine{margin:8px;padding:8px;width:50%;border:solid 2px;}
.TozaiLine{border-color:#009bbf;}
.OedoLine{border-color:#b6007a;}
.navigation img{padding-right:6px;width:32px;vertical-align:middle;}

.footer_copy{margin-top:0px;text-align:center;font-size:11px;background:#FFFFFF;}
@media screen and (max-width:768px) {.axs iframe{width:100%;}
}
/*-------------form*/
form{margin:2px auto;width:75%;}
form > table{margin:2px auto;width:100%;text-align:center;line-height:24px}
form > table td{padding-left:6px;}
form > table td input{vertical-align:-10%;}
form > table td > span{color:#f00;font-size:13px;}
.items{vertical-align:middle;text-align:center;background:#ddd;color:#222;}
.ansr{width:98%;line-height:24px}
@media screen and (max-width:768px) {form{margin:auto;width:90%;}
}