@charset "UTF-8";

footer nav .room li{
	display:block;
}


/*教室紹介
-----------------------------------------------------------------------------------------*/
#room table{
	background:#F5F5F5;
}
#room tr{
	border:1px solid #CCCCCC;
}
#room tr:nth-child(odd){
	background:#E6E6E6;
}
#room th{
	background:none;
	font-size:18px;
	text-align:left;
	font-weight:bold;
	color:#0071BC;
	width:240px;
	border:none;
}
#room td{
	font-size:14px;
	padding:10px;
	border:none;
}
#room td em{
	font-size:18px;
}
#room td span{
	white-space:nowrap;
	margin-right:14px;
}
#room th + td{
	width:240px;
}
#room tr td:last-child{
	width:160px;
}
#room td a{
	display:block;
	width:140px;
	line-height:50px;
	text-align:center;
	background:#0071BC;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}
#room td a:hover{
	background:#004097;
}
@media screen and (max-width: 739px) {
	#room th{font-size:16px;width:auto;display:list-item;padding:10px 10px 5px 10px;}
	#room td{font-size:12px;display:list-item;padding:0 10px;}
	#room td br{display:none;}
	#room th + td{width:auto;}
	#room tr td:last-child{width:auto;}
	#room td a{width:auto;line-height:30px;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;margin:5px 0 10px 0;}
}

/*データ
-----------------------------------------------------------------------------------------*/
#roomdata{
	padding-top:30px;
	padding-bottom:50px;
}
#roomdata dl{
	float:left;
	margin-right:460px;
	background:#F1F1F1;
	border-bottom:1px solid #CCC;
}
#roomdata dt,
#roomdata dd{
	padding:20px;
}
#roomdata dt{
	float:left;
	font-weight:bold;
}
#roomdata dd{
	padding-left:150px;
	border-top:1px solid #CCC;
}
#roomdata dd + dd{
	border:none;
	padding-top:0;
}
#roomdata dd:nth-child(4),
#roomdata dd:nth-child(8){
	background:#FFF;
}
#roomdata dd em{
	font-size:22px;
	display:block;
	font-weight:normal;
}
#roomdata dd strong{
	display:block;
}
#roomdata .btn{
	width:240px;
	margin-left:auto;
	margin-right:auto;
}
/*-------------------------外観・地図*/
#roomdata figure{
	float:right;
	width:420px;
	margin:0;
	margin-left:-460px;
}
#roomdata figure img + img{
	margin-top:10px;
}
@media screen and (max-width: 739px) {
	#roomdata{padding-top:10px;padding-bottom:0;}
	#roomdata dl{float:none;margin-right:0;}
	#roomdata dt{float:none;padding:10px;border-top:1px solid #CCC;}
	#roomdata dt br{display:none;}
	#roomdata dd{margin-top:-20px;padding:10px;border:none;}
	#roomdata dd + dd{margin-top:-5px;}
	#roomdata dt:nth-child(3),#roomdata dt:nth-child(7){background:#FFF;}
	#roomdata dd em{font-size:16px;margin-bottom:0;}
	#roomdata dd strong{display:block;}
	#roomdata figure{float:none;width:auto;margin:10px;}
}

/*event
-----------------------------------------------------------------------------------------*/
#event{
	border:none;
}
#event a{
	text-decoration:none;
}

/*お知らせ
-----------------------------------------------------------------------------------------*/
#topics{
	padding-top:40px;
	padding-bottom:50px;
}
#topics a{
	text-decoration:none;
}
#topics h2.icon{
	font-size:24px;
	line-height:50px;
	color:#004097;
	letter-spacing:1px;
}
#topics .more{
	margin-top:-40px;
	margin-bottom:50px;
}
#topics .more a{
	float:right;
	font-size:14px;
	line-height:40px;
	background:#004097 url(images/ya_w.png) right no-repeat;
	padding:0 30px 0 15px;
	color:#FFF;
	text-decoration:none;
}
#topics .more a:hover{
	background-color:#4D7AB6;
}
#topics ul{
	border-top:1px solid #BBB;
	margin-top:15px;
}
#topics li{
	border-bottom:1px dashed #BBB;
}
#topics li > a{
	display:block;
	position:relative;
	padding:10px 0 10px 110px;
	color:#000;
	min-height:80px;
}
#topics li a:hover{
	background:#F1F1F1;
}
#topics li figure{
	width:90px;
	position:absolute;
	left:0;
	top:10px;
}
#topics li .data{
	float:right;
	padding:15px 0;
	margin-left:20px;
}
#topics li time{
	font-size:14px;
	color:#666;
}
#topics li .cat{
	display:inline-block;
	padding:0 10px;
	background:#666;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	margin-left:10px;
	letter-spacing:1px;
}
#topics li.info .cat{background:#f5921e;}
#topics li.report .cat{background:#8bc43f;}
#topics li .title{
	display:table-cell;
	vertical-align:middle;
	font-size:18px;
	height:60px;
}
@media screen and (max-width: 739px) {
	#topics{padding:20px 0 0 0;}
	#topics h2.icon{font-size:18px;line-height:40px;font-weight:bold;margin-left:5px;}
	#topics h2.icon img{width:40px;height:40px;}
	#topics .more{margin-bottom:45px;margin-right:5px;}
	#topics .more a{border-radius:20px;background-size:15px;padding:0 22px 0 15px;font-weight:bold;}
	#topics .more a span{display:none;}
	#topics li a{padding:0 0 0 110px;}
	#topics li figure{margin:0;left:10px;}
	#topics li .data{position:absolute;padding:0 10px 0 110px;margin:0;left:0;bottom:10px;float:none;width:100%;line-height:16px;}
	#topics li time{font-size:12px;color:#666;}
	#topics li .cat{font-size:11px;margin:0;letter-spacing:0px;float:right;border-radius:8px;}
	#topics li .title{display:block;font-size:16px;height:auto;padding:10px 0 35px 0;}
}


/*教室写真
-----------------------------------------------------------------------------------------*/
#roomimg h2 span{
	float:right;
	font-size:14px;
}
#roomimg ul{
	margin:10px -10px;
}
#roomimg li{
	float:left;
	width:25%;
}
#roomimg li a{
	display:block;
	padding:10px;
	color:#000;
	text-decoration:none;
	font-size:14px;
	line-height:20px;
	cursor:zoom-in;
}
#roomimg li a:hover{
	box-shadow: 0 0 5px #CCC;
	-webkit-box-shadow: 0 0 5px #CCC;
	-moz-box-shadow: 0 0 5px #CCC;
}
#roomimg li img{
	margin-bottom:5px;
}
@media screen and (max-width: 739px) {
	#roomimg h2{border-top:none;}
	#roomimg h2 span{font-size:12px;}
	#roomimg ul{margin:0 auto;}
	#roomimg li{width:50%;}
	#roomimg li a{font-size:12px;margin:0 auto;line-height:15px;}
	#roomimg li img{min-width:100%;}
}

/*教室長メッセージ
-----------------------------------------------------------------------------------------*/
#messege h2{
	display:block;
	font-size:20px;
	color:#FD8300;
	margin-bottom:20px;
	letter-spacing:5px;
}
#messege h2::before,
#messege h2::after{
	content:"─";
}
#messege p.from{
	font-size:24px;
	font-weight:bold;
	margin-bottom:40px;
	margin-top:-15px;
}
@media screen and (max-width: 739px) {
	#messege p.messegetitle{font-size:14px;margin-bottom:10px;}
	#messege p.from{font-size:14px;margin:5px 0 10px 0;}
}

/*staff
-----------------------------------------------------------------------------------------*/
#staff h2{
	text-align:center;
}
#staff section{
	border:1px solid #666;
	padding:225px 25px 60px 25px;
	position:relative;
}
#staff figure{
	position:absolute;
	left:25px;
	top:25px;
}
#staff h3{
	margin-top:-200px;
	padding-left:225px;
	min-height:100px;
	font-size:20px;
	color:#25974E;
	font-weight:bold;
}
#staff .name{
	padding:25px 0 0 225px;
	font-size:24px;
	line-height:1.4;
}
#staff .name span{
	display:block;
	font-size:14px;
}
#staff .accordionopen{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}
#staff .accordion{
	padding-top:25px;
}
#staff .accordionopen{
	display:block;
	background:#E6E6E6;
	line-height:35px;
	color:#004097;
	text-align:center;
}
#staff .accordionopen:hover{
	background:#CCC;
}
#staff .accordionopen::before{
	display:inline-block;
	content:"続きはこちら";
	padding-right:40px;
	background:url(images/ya_open.png) right no-repeat;
}
#staff .accordionopen.open::before{
	content:"閉じる";
	background:url(images/ya_close.png) right no-repeat;
}
@media screen and (max-width: 739px) {
	#staff{padding-top:50px;}
	#staff section{padding:115px 15px 50px 15px;}
	#staff figure{left:15px;top:15px;margin:0;width:100px;}
	#staff h3{margin-top:-100px;padding-left:115px;min-height:0;font-size:18px;}
	#staff .name{padding:6px 0 0 115px;font-size:21px;line-height:1.4;}
	#staff .accordion{padding-top:10px;}
	#staff .accordion p{font-size:16px;line-height:30px;}
}

/*seito
-----------------------------------------------------------------------------------------*/
#seito h2{
	font-weight:bold;
	font-size:30px;
	line-height:1.5;
	margin-bottom:30px;
	letter-spacing:2px;
	text-align:center;
}
#seito section{
	border:1px solid #666;
	padding:145px 25px 60px 25px;
	position:relative;
}
#seito figure{
	position:absolute;
	left:25px;
	top:25px;
	border-radius:60px;
	overflow:hidden;
}
#seito h3{
	margin-top:-120px;
	padding-left:145px;
	min-height:80px;
	font-size:20px;
	color:#076EBD;
	font-weight:bold;
}
#seito .name{
	padding:10px 0 0 145px;
	font-size:18px;
	line-height:1.4;
	font-weight:bold;
}
#seito .accordionopen{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}
#seito .accordion{
	padding-top:25px;
}
#seito .accordionopen{
	display:block;
	background:#E6E6E6;
	line-height:35px;
	color:#004097;
	text-align:center;
}
#seito .accordionopen:hover{
	background:#CCC;
}
#seito .accordionopen::before{
	display:inline-block;
	content:"続きはこちら";
	padding-right:40px;
	background:url(images/ya_open.png) right no-repeat;
}
#seito .accordionopen.open::before{
	content:"閉じる";
	background:url(images/ya_close.png) right no-repeat;
}
@media screen and (max-width: 739px) {
	#seito{padding-top:30px;}
	#seito h2{font-size:24px;margin-bottom:10px;}
	#seito section{padding:115px 15px 50px 15px;}
	#seito figure{left:15px;top:15px;margin:0;width:100px;}
	#seito h3{margin-top:-100px;padding-left:115px;min-height:70px;font-size:18px;}
	#seito .name{padding:6px 0 0 115px;font-size:16px;line-height:1.4;}
	#seito .accordion{padding-top:10px;}
	#seito .accordion p{font-size:16px;line-height:30px;}
}

/*開講コース
-----------------------------------------------------------------------------------------*/
#course h3{
	margin-top:40px;
}
#course ul{
	margin:0 -10px;
}
#course li{
	float:left;
	width:50%;
	padding:10px;
}
#course li a{
	display:block;
	background:#FDFDF9;
	 border:1px solid #CCC;
	color:#000;
	text-decoration:none;
	height:182px;
	padding-right:30px;
}
#course li img{
	 float:left;
	 margin-right:30px;
	 width:180px;
}
#course li a span{
	display:block;
}
#course li a strong{
	font-size:20px;
	line-height:30px;
	display:block;
	margin:30px -15px 10px 0;
}
#course li a strong span{
	font-weight:bold;
	font-size:16px;
}
#course li.chu_shingaku a strong{color:#29A9E0;}
#course li.chu_juken a strong{color:#3AB34A;}
#course li.lepton a strong{color:#F5921E;}
#course li.kobetsu a strong{color:#F05A23;}
#course li.aiholon a strong{color:#171C61;}
#course li.kou_juken a strong{color:#0071BA;}
#course li.skills a strong{color:#F5921E;}
#course li.chu_toshin a strong{color:#019180;}
#course li.toshin a strong{color:#019180;}
#course li.ai_koukoubu a strong{color:#009c70;}
#course li a:hover{background-color:#F0F0DC;
}
@media screen and (max-width: 1060px) {
	#course li a{padding-right:20px;}
}
@media screen and (max-width: 739px) {
	#course h3{margin-top:20px;}
	#course ul{margin:10px 0;}#course li{float:none;width:auto;padding:0;margin-bottom:-1px;}
	#course li a{height:62px;padding-right:10px;background:#FDFDF9 url(images/pagenav.png) right no-repeat;background-size:12px;}
	#course li img{width:60px; margin-right:10px;}
	#course li a span{font-size:12px;line-height:18px;display:block;}
	#course li a strong{font-size:16px;line-height:20px;display:block;margin:10px 0 0 0;}
	#course li a strong + span{display:none;}
}

/*時間割
-----------------------------------------------------------------------------------------*/
#timetable h3{
	margin-top:40px;
}
#timetable .accordionopen{
	border-top:1px dashed #CCC;
	background:url(images/ya_open.png) right no-repeat;
	font-size:18px;
	line-height:50px;
	padding:10px 0;
	color:#004097;
	letter-spacing:1px;
}
#timetable .accordionopen img{
	margin-right:10px;
}
#timetable .accordionopen:hover{
	background-color:rgba(0,0,0,0.1);
}
#timetable .accordion{
	margin-bottom:100px;
}
#timetable .accordionopen.open{
	background-image:url(images/ya_close.png);
}
#timetable table{
	margin:30px 0 5px 0;
	background:#FFF;
}
#timetable .accordion table:first-child{
	margin-top:0;
}
#timetable caption{
	font-size:24px;
	line-height:50px;
	background:#004097;
	color:#FFF;
	letter-spacing:1px;
	margin-bottom:-1px;
	text-align:left;
	padding:0 15px;
}
#timetable th{
	white-space:normal;
	background:none;
}
#timetable .name,
#timetable tr:first-child th{
	background:#D4EEF9;
}
#timetable tr:nth-child(odd) td{
	background:#F5F5F5;
}
#timetable td,
#timetable th{
	padding:10px;
	font-size:14px;
}
@media screen and (max-width: 739px) {
	#timetable h3{margin-top:20px;}
	#timetable caption{font-size:16px;line-height:30px;letter-spacing:0;margin-bottom:-1px;padding:0 7px;}
	#timetable .accordionopen{background-size:20px;font-size:14px;line-height:30px;}
	#timetable .accordionopen img{width:30px;}
	#timetable th,#timetable td{padding:4px;font-size:10px;line-height:15px;}
}


/*地図
-----------------------------------------------------------------------------------------*/
.map{
	width:100%;
	margin:0 auto;
	margin-top:30px;
	position:relative;
	padding-bottom:56.25%;
	overflow:hidden;
}
.map iframe{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
@media screen and (max-width: 739px) {
	.map{margin-top:0;}
}