@charset "utf-8";

/* ==========================================================================================
	--TOP
========================================================================================== */
#index {
	border: none;
}
#index header {
	width: 100%;
	height: auto;
}
#index header p {
	position: relative;
}
#index header p img {
	vertical-align: top;
}

#index #content {
	width: 100%;
	border-bottom:1px solid #000;
	padding-bottom:10px;
}
#index footer {
	margin: 0;
	width: 100%;
	border-top: none;
}
#index #footer_nav {
	width: 92%;
}
.t_movie{width:98%;margin:0 auto;}
.t_movie iframe {width:95%; margin:0 auto; display:block;}
.info_btn {
	width: 95%;
	background-color: rgba(230, 0, 18, 1);
	margin:15px auto 10px;
	z-index: 10;
}
.info_btn a {
	-webkit-tap-highlight-color: rgba(230, 0, 18, 0.7);
}
.box_list {
	width: 95%;
	margin:20px auto;
}
.box_list .list {
	width:48%;
	padding:10px;
	height:350px;
	border:5px solid #000;
	position:relative;
}
.box_list .list .img {
	margin:10px 0;
}
.box_list02 {
	width: 95%;
	margin:5px auto;
}
.box_list02 li {
	width:47%;
	margin:0 1%;
}
.detail_btn {
	background-color: rgba(230, 0, 18, 1);
	margin:10px auto 0;
	z-index: 10;
	float:right;
	width:70%;
	position:absolute;
	bottom:5px;
	right:5px;
}
.detail_btn02 {
	background-color: rgba(230, 0, 18, 1);
	margin:10px auto 10px;
	z-index: 10;
	float:right;
	width:60%;
}
.ttl { width: 95%; margin:0 auto; }
.ttl02 {
	width: 95%;
	margin:0 auto;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	padding:8px 0 5px;
	text-align:center;
	font-size:1.5em;
	color:#e60019;
	font-weight:bold;
}
.school_name {
	width: 92%;
	margin:10px auto 0;
}
.school_name img {
	width:20%;
}
.left { float:left; }
.right { float:right; }

/* ==========================================================================================
	--lesson
========================================================================================== */
#model_main {
	margin:-3px 0 10px;
}
.model_sttl {
	width:95%;
	margin:5px auto;
}
.lesson_list {
	width:95%;
	margin:0 auto;
}
.lesson_list li {
	background: #e60019;
	color: #fff;
	margin-bottom: 5px;
	padding:10px 5px;
	list-style-position: inside;
	list-style-type: decimal;
}
.lesson_content .dl_style {
	width:95%;
	margin:0 auto;
	line-height:1.2;
}
.lesson_content .dl_style dt {
	margin-bottom:5px;
}
.lesson_content .dl_style dd {
	margin-bottom:20px;
}
.lesson_content .txt_style1 {
	margin:10px auto;
	color:#ff0000;
}
.lesson_content table.dancecel{
	width:95%;
	margin:0 auto 20px;
	border-collapse:collapse;
}
.lesson_content table tr td {
  width:50%;
  padding: 8px 15px;
  border-top: 1px solid #84b2e0;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  text-align: center;
  vertical-align:middle;
}
.lesson_content table tr td:last-child {
  border-right: 1px solid #84b2e0;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.lesson_content table tr {
  background: #fff;
}
.lesson_content table tr:nth-child(2n+1) {
  background: #f1f6fc;
}
.lesson_content table tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.lesson_content table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.lesson_content table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

/* ==========================================================================================
	--teachers
========================================================================================== */
#teachers_main {
	margin:-3px 0 10px;
	position:relative;
}
#teachers_main .detail {
	position:absolute;
	bottom:30px;
	right:27px;
	background-color: rgba(230, 0, 18, 1);
	margin:10px auto 0;
	z-index: 10;
	width:45%;
}
#teachers_main .detail a {
	padding:0 30px;
	display:block;
}
.lesson_tab {
	width:95%;
	margin:20px auto;
	border-bottom:7px solid #ff0000;
}
.lesson_tab ul {
	margin-bottom:-1px;
	overflow:hidden;
}
.lesson_tab li {
	width:50%;
	float:left;
}
.lesson_tab li img {
	vertical-align:bottom;
}
.lesson_tab2 {
	width:95%;
	margin:20px auto;
	border-bottom:7px solid #ff0000;
}
.lesson_tab2 ul {
	margin-bottom:-1px;
	overflow:hidden;
}
.lesson_tab2 li {
	width:33.3%;
	float:left;
}
.lesson_tab2 li img {
	vertical-align:bottom;
}
.teachers_image {
	border-bottom: #000 solid 5px;
}
.teachers_image img {
	vertical-align: top;
}
.prof {
	margin-top: 5px;
	margin-left: 5px;
	padding: 2px 0;
	width: 72px;
	font-size: 1.2rem;
	text-align: center;
	color: #fff;
	background: #000;
	float:left;
}
.prof_txt {
	margin-top: 5px;
	line-height: 1.5;
}
.prof_txt a {
	color: #e60012;
	text-decoration: underline;
}

.prof_right {
	margin-top: 2px;
	padding: 2px 0;
	font-size: 0.8rem;
	text-align: right;
}

.teachers_link {
	width:95%;
	margin:0 auto 30px;
}
.teachers_link li {
	float:left;
	width:32%;
}
.teachers_link li.mr2 {
	margin-right:2%;
}
.teachers {
	width:95%;
	margin:0 auto;
	border-bottom:1px solid #000;
	padding:25px 0;
}
.teachers .img_box {
	float:left;
	width:30%;
}
.teachers .img_box .detail {
	background-color: rgba(230, 0, 18, 1);
	margin:10px auto 0;
	z-index: 10;
	width:100%;
}
.teachers .img_box .photo img {
	border:1px solid #bababa;
}
.teachers .txt_box {
	float:right;
	width:66%;
}
.teachers .txt_box .name {
	border-bottom:3px solid #000;
	padding-bottom:4px;
	margin-bottom:8px;
}
.teachers .txt_box .lesson {
	font-size:1.3em;
	font-weight:bold !important;
}
.teachers .txt_box .name h4 {
	font-weight:bold !important;
	font-size:1.5em;
}
.teachers .txt_box .name h4 span {
	font-size:12px;
	font-weight:normal;	
}
.teachers .txt_box .ruby {
	font-size:1.2em;
	font-weight:bold !important;
}
.teachers .txt_box .red {
	color:#e60019;
}
.special_txt {
	padding:10px;
	background:#e1e2e6;
	line-height:1.5;
}
.teachers_list{
	margin:0 15px;
}
.teachers_list .movie_list {
	margin-bottom:20px;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.teachers_list .movie_list iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.post {padding-bottom:3px; border-bottom:2px solid #000000; margin-bottom:16px; padding-top:16px; border-top:1px solid #000000;}
.post dl {border-left:3px solid #E60012; padding-left:10px;}
.post dl dt {font-size: 14px; font-size: 1.4rem; line-height: 1.5; font-weight:bold;}
.post dl dd {font-size: 18px; font-size: 1.8rem; font-weight:bold;}
.post dl dd span {font-size: 14px; font-size: 1.4rem; font-weight:bold; padding-left:16px;}
dl.profile dt {font-size: 14px; font-size: 1.4rem; line-height: 1.0; padding-left:4px; border-left:13px solid #E60012; margin-bottom:6px;}
dl.profile dd {font-size: 14px; font-size: 1.4rem; line-height: 1.6;}

/* ==========================================================================================
	--style
========================================================================================== */
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}

p.vissel{
	text-align:center;
}

p.tyuu{
	margin 0px;
	padding:15px 10px;
	font-size:1.8rem;
	font-weight:bold !important;
	color:red;
}