@charset "UTF-8";

footer nav .topics li{
	display:block;
}


/*ぱんくず
-----------------------------------------------------------------------------------------*/
#path{
	margin:0 auto;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
}
#path p{
	font-size:12px;
	line-height:20px;
	letter-spacing:1px;
	color:#666666;
	text-align:right;
}
#path p a:hover{
	text-decoration:underline;
}
#path p strong{
	font-weight:normal;
}
@media screen and (max-width: 739px) {
#path p{font-size:10px;padding:0 10px;}
}

/*イベント一覧
-----------------------------------------------------------------------------------------*/
#event{
	padding-top:15px;
	padding-bottom:40px;
}
#event h2.icon{
	font-size:24px;
	line-height:50px;
	color:#004097;
	letter-spacing:1px;
}
@media screen and (max-width: 739px) {
	#event{padding-top:0;padding-bottom:0;}
	#event h2.icon{font-size:18px;line-height:40px;font-weight:bold;margin-left:5px;margin-bottom:5px;}
	#event h2.icon img{width:40px;height:40px;}
}
/*-------------------------more*/
#event .more{
	margin-top:-40px;
	margin-bottom:40px;
}
#event .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;
}
#event .more a:hover{
	background-color:#4D7AB6;
}
@media screen and (max-width: 739px) {
	#event .more{margin-bottom:45px;margin-right:5px;}
	#event .more a{border-radius:20px;background-size:15px;padding:0 22px 0 15px;font-weight:bold;}
	#event .more a span{display:none;}
}
/*-------------------------*/
#event ul{
	margin:0 -10px;
}
#event li.new > a:before{
	content:"　";
	width:40px;
	height:40px;
	background:url(images/new.png);
	background-size:100%;
	position:absolute;
	display:block;
	top:-1px;
	left:-1px;
}
#event li{
	float:left;
	width:25%;
	padding:10px;
}
#event li > a{
	display:block;
	background:#FBFBF7;
	border:1px solid #D5D5D5;
	padding:9px;
	line-height:24px;
	height:290px;
	position:relative;
	color:#000;
}
#event li > a:hover{
	background:#004097;
	border:1px solid #004097;
	color:#FFF;
}
#event li a span,
#event li a strong{
	display:block;
	line-height:22px;
}
#event li a span{
	font-size:10px;
	margin-top:5px;
	letter-spacing:1px;
}
#event li a strong{
	font-size:16px;
}
#event li a span:last-child{
	font-size:14px;
	margin-top:3px;
	letter-spacing:0;
}
@media screen and (max-width: 1020px) {
	#event ul{margin:0 -5px;padding-top:10px;}
	#event li{padding:0 5px;}
}
@media screen and (max-width: 739px) {
	#event ul{margin:0;padding:0;}
	#event li.new a:before{width:30px;height:30px;}
	#event li{float:none;width:auto;padding:0;margin-bottom:-1px;}
	#event li a{line-height:20px;min-height:80px;height:auto;}
	#event li a img{float:left;width:90px;}
	#event li a span{font-size:10px;position:absolute;right:9px;bottom:5px;}
	#event li a strong{font-size:16px;margin-left:100px;}
	#event li a span:last-child{font-size:12px;line-height:20px;margin-top:5px;left:110px;}
}


/*お知らせ一覧
-----------------------------------------------------------------------------------------*/
#topics{
	float:left;
	width:100%;
	padding-right:300px;
	padding-bottom:50px;
	padding-top:15px;
}
#topics a{
	text-decoration:none;
}
#topics h2.icon{
	font-size:24px;
	line-height:50px;
	color:#004097;
	letter-spacing:1px;
}
#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{float:none;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 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;}
}

/*記事
-----------------------------------------------------------------------------------------*/
article{
	float:left;
	width:100%;
	padding-right:300px;
	padding-bottom:50px;
	padding-top:15px;
}
article a{
	text-decoration:underline;
}
article a:hover{
	text-decoration:none;
}
article a.ya{
	background:url(images/ya.png) left top no-repeat;
	padding-left:20px;
	text-decoration:none;
}
article a.ya:hover{
	text-decoration:underline;
}
@media screen and (max-width: 739px) {
	article{float:none;padding:0 10px;}
}
/*-------------------------ページタイトル*/
article h1{
	font-size:30px;
	line-height:40px;
	padding:20px 0;
	color:#000;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
/*-------------------------ページデータ*/
#itemdata p.cat{
	float:left;
	font-size:14px;
	line-height:25px;
	color:#FFF;
	padding:0 10px;
	margin:10px 0;
}
#itemdata p.cat.info{background:#f5921e;}
#itemdata p.cat.report{background:#8bc43f;}
#itemdata p.date{
	float:right;
	font-size:14px;
	line-height:25px;
	color:#666;
	margin:10px 0;
}
/*-------------------------記事*/
#item h2{
	font-size:20px;
	line-height:30px;
	background:#F1F1F1;
	font-weight:bold;
	padding:10px 15px;
	border-left:5px solid #004097;
	margin:50px 0 10px 0;
	letter-spacing:2px;
}
#item h2.none{
	background:none;
	border:none;
	padding:0;
	font-size:24px;
	line-height:40px;
	font-weight:normal;
}
#item h3{
	font-size:18px;
	line-height:30px;
	color:#00A8E2;
	font-weight:bold;
	margin:30px 0 -5px 0;
	border-bottom:1px dashed #29ABE2;
}
#item h3.none{
	border:none;
}
#item h3.red{
	color:#CC0000;
	border:none;
	border-top:2px solid #CC0000;
	margin-bottom:-15px;
}
#item h3 span{
	display:block;
	font-size:16px;
	padding-top:5px;
}
#item h3 strong{
	display:block;
	font-size:24px;
	line-height:35px;
}
#item p{
	margin-top:15px;
}
#item table + p.kome{
	margin-top:0;
}
#item p.kome{
	font-size:14px;
	line-height:20px;
}
#item ol,
#item ul{
	margin:20px 0;
}
#item ol li,
#item ul li{
	margin:5px 0 5px 25px;
	list-style-type:decimal;
}
#item ul li{
	list-style-type:disc;
}
/*div*/
#item div{
	xmargin-right:280px;
}
#item div.none{
	margin-right:0;
}

/*画像*/
#item img{
	display:block;
	margin:0 auto;
}
#item img.left{
	float:left;
	margin:5px 20px 5px 0;
}
#item img.right{
	float:right;
	margin:5px 0 5px 20px;
	max-width:260px;
}
#item img.line2{
	float:left;
	margin:0;
	max-width:49%;
}
#item img.line2:last-child{
	float:right;
}
/*テーブル*/
#item table{
	margin:10px 0;
	background:#FFF;
	width:100%;
}
#item table caption{
	font-size:14px;
	line-height:22px;
	padding:5px 10px;
	background:#000;
	color:#FFF;
	font-weight:bold;
	letter-spacing:2px;
}
#item th,
#item td{
	font-size:14px;
	line-height:22px;
	padding:5px 10px;
	border:1px solid #CCC;
}
#item th{
	background:#F1F1F1;
	text-align:center;
	white-space:nowrap;
}
#item td.c{
	text-align:center;
}
#item td.r{
	text-align:right;
}
/*定義リスト*/
#item dl{
	margin:10px 0;
	border-top:1px dashed #CCC;
}
#item dt{
	font-weight:bold;
	background:#FEEBBE;
	width:180px;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top:10px;
	font-size:14px;
	line-height:24px;
}
#item dd{
	font-size:14px;
	line-height:24px;
	border-bottom:1px dashed #CCC;
	padding-top:5px;
	padding-bottom:10px;
}
/*-------------------------枠*/
#item .waku{
	border:1px dotted #CCC;
	padding:15px;
	margin-top:10px;
}
#item .waku p{
	font-size:14px;
	line-height:28px;
}
#item .waku p.wakutitle{
	margin:-10px -10px 10px -10px;
	background:#E3F4DC;
	text-align:center;
	display:block;
	line-height:20px;
	padding:4px;
}
/*------------------------パソコンのみ*/
	#item .sp{display:none;}
	#item .brsp br{display:none;}
/*-------------------------スマホのみ*/
@media screen and (max-width: 739px) {
	#item .sp{display:block;}
	#item .brsp br{display:inline;}
	#item .brpc br{display:none;}
	#item .pc{display:none;}
}
@media screen and (max-width: 739px) {
	article h1{font-size:18px;line-height:24px;padding:15px 0;}
	#itemdata p.cat,
	#itemdata p.date{font-size:10px;line-height:15px;}
	#item h2{font-size:16px;line-height:24px;margin:20px 0 5px 0;padding:5px 10px;letter-spacing:0px;}
	#item h2.none{font-size:18px;line-height:30px;}
	#item h3{font-size:16px;line-height:24px;margin:20px 0 -5px 0;}
	#item h3.red{margin-bottom:-10px;}
	#item p{margin-top:10px;}
	#item p.kome{font-size:12px;}
	#item li{line-height:20px;}
	#item ol li,
	#item ul li{margin:4px 0 4px 20px;}
	#item th,
	#item td{font-size:12px;line-height:18px;padding:4px 6px;}
	#item td dt,
	#item td dd{font-size:12px;line-height:18px;}
	#item img.left,
	#item img.right,
	#item img.line2,
	#item img.line2:last-child{float:none;margin:15px auto;max-width:100%;}
	#item div{margin-right:0;}
}
/*-------------------------ボタンリンク*/
.btn{
	display:block;
	margin:0 auto;
	text-align:center;
	line-height:25px;
	padding:10px;
	width:400px;
	color:#000000;
	text-decoration:none;
	display:block;
	background:#F5C53A url(images/ya_btn.png) right no-repeat;
	box-shadow: 0 5px 0 #B8942C;
	-webkit-box-shadow: 0 5px 0 #B8942C;
	-moz-box-shadow: 0 5px 0 #B8942C;
	border-radius: 6px;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position:relative;
}
.btn img{
	margin-right:15px;
}
.btn:hover{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	top:5px;
}
@media screen and (max-width: 739px) {
	.btn{width:100%;padding:8px 0;font-size:13px;line-height:23px;background-size:15px}
	.btn img{margin-right:8px;}
}

/*-------------------------ボタンリンク（緑）*/
.btn02{
	display:block;
	margin:0 auto;
	text-align:center;
	line-height:25px;
	padding:10px;
	width:400px;
	color:#000000;
	text-decoration:none;
	display:block;
	background:#A3D93A url(images/ya_btn.png) right no-repeat;
	box-shadow: 0 5px 0 #88AC00;
	-webkit-box-shadow: 0 5px 0 #88AC00;
	-moz-box-shadow: 0 5px 0 #88AC00;
	border-radius: 6px;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position:relative;
}
.btn02 img{
	margin-right:15px;
}
.btn02:hover{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	top:5px;
}
@media screen and (max-width: 739px) {
	.btn02{width:100%;padding:8px 0;font-size:13px;line-height:23px;background-size:15px}
	.btn02 img{margin-right:8px;}
}

/*sidebar
-----------------------------------------------------------------------------------------*/
#sidebar{
	float:right;
	width:260px;
	margin-left:-300px;
	margin-bottom:50px;
}
/*-------------------------nav*/
#sidebar nav{
	margin-top:15px;
	border:1px solid #D5D5D5;
	background:#FBFBF7;
	padding:19px;
}
#sidebar nav a:hover{
	text-decoration:underline;
}
#sidebar nav h2{
	font-size:18px;
	line-height:35px;
	border-bottom:1px solid #CCC;
}
#sidebar nav ul.archive{
	margin-bottom:20px;
}
#sidebar nav ul.archive li{
	font-size:14px;
	line-height:20px;
	padding:10px 0;
	border-top:1px solid #CCC;
}
#sidebar nav ul.archive li a{
	color:#000;
}
#sidebar nav ul.category li{
	font-size:14px;
	line-height:20px;
	padding:10px 0 0 0;
}
/*-------------------------aside*/
#sidebar aside{
	margin-top:15px;
	border:1px solid #D5D5D5;
	background:#FBFBF7;
	padding:13px;
}
#sidebar aside img{
	border:1px solid #D5D5D5;
}
#sidebar aside a:hover img{
	border:1px solid #999999;
}
#sidebar aside li{
	padding:5px;
}
@media screen and (max-width: 739px) {
	#sidebar{float:none;margin:20px 0 0 0;width:auto;border-top:1px solid #D5D5D5;}
	#sidebar nav{margin-top:0;border:none;padding:10px;}
	#sidebar aside{margin-top:0;border:none;padding:10px 5px;}
	#sidebar aside li{float:left;width:33.3%;text-align:center;}
}
@media screen and (max-width: 640px) {
	#sidebar aside li{width:50%;}
}


/*イレギュラー
-----------------------------------------------------------------------------------------*/
#item .haiten th{
	background:#CC0000;
	color:#FFF;
}
#item .haiten th,
#item .haiten td{
	text-align:center;
	padding:5px;
}
#item .haiten tr td:first-child{font-weight:bold;}
@media screen and (max-width: 739px) {
	#item .haiten th,#item .haiten td{font-size:10px;line-height:15px;padding:5px 2px;}
	#item .haiten tr td:first-child{width:1px;line-height:10px;}
}


/*オンライン授業スケジュール
-----------------------------------------------------------------------------------------*/
#item .online_sc tr:nth-child(odd){
	background:#F5F5F5;
}
#item .online_sc th{
	font-weight:bold;
	font-size:30px;
	line-height:1.2;
	width:80px;
	background:#333;
	color:#FFF;
	padding:10px 20px;
	white-space:normal;
}
#item .online_sc td{
	font-size:16px;
	padding:15px;
}
#item .online_sc td:not(:last-child) {
	text-align:center;
	background:#FFF;
	font-weight:bold;
	width:180px;
}
#item .online_sc th + td,
#item .online_sc th + td + td{
	border-top:3px double #999;
}
#item .online_sc th{
	border-top:3px double #CCC;
}
#item .online_sc tr:first-child th,
#item .online_sc tr:first-child td{
	border-top:1px solid #CCC;
}
@media screen and (max-width: 739px) {
	#item .online_sc th{font-size:20px;width:30px;padding:5px;}
	#item .online_sc td{font-size:14px;padding:10px;}
	#item .online_sc td:not(:last-child) {width:120px;padding:10px 3px;}
}

/*上右付きのボタン
-----------------------------------------------------------------------------------------*/
#item .btn_t_r{
	float:right;
	vertical-align:top;
	font-size:16px;
	line-height:40px;
	font-weight:bold;
	background:#CC0000 url(images/ya_w.png) right no-repeat;
	color:#FFF;
	padding:0 25px 0 15px;
	text-decoration:none;
	border-radius:20px;
	margin-left:15px;
}
/*-------------------------accordion*/
h3.accordionopen{
	color:white;
	padding:10px;
}

article .accordionopen{
	cursor:pointer;
}
article .accordionopen:hover{
	opacity:0.8;
}
article .accordion{
	display:none;
}
article .accordion.open{
	display:block;
}
.accordionopen{
	background:url(images/open_ya1_w.png) right no-repeat;
}
.open{
	background:url(images/open_ya2_w.png) right no-repeat;
}
@media screen and (max-width: 739px) {
	.accordionopen,.open{background-size:40px;}
}
/*-------------------------midnightblue*/
h2.midnightblue{
	border-left:7px solid #0C308E;
}
.midnightblue{
	color:#0C308E;
}
h3.midnightblue{
	background-color:#0C308E;
	color:#FFF;
}
th.midnightblue{
	background:#0C308E;
	color:#FFF;
}
/*-------------------------skyblue*/
h2.skyblue{
	border-left:7px solid #29A9E0;
}
.skyblue{
	color:#29A9E0;
}
h3.skyblue{
	background-color:#29A9E0;
	color:#FFF;
}
th.skyblue{
	background:#29A9E0;
	color:#FFF;
}
/*お知らせ授業スケジュール
-----------------------------------------------------------------------------------------*/
#item .timetable_sc tr:nth-child(odd){
	background:#F5F5F5;
}
#item .timetable_sc th{
	font-weight:bold;
	font-size:30px;
	line-height:1.2;
	width:80px;
	background:#333;
	color:#FFF;
	padding:10px 20px;
	white-space:normal;
}
#item .timetable_sc td{
	font-size:16px;
	padding:15px;
}
#item .timetable_sc td:not(:last-child) {
	text-align:center;
	font-weight:bold;
	width:170px;
}
#item .timetable_sc th + td,
#item .timetable_sc th + td + td{
	border-top:3px double #999;
}
#item .timetable_sc th{
	border-top:3px double #CCC;
}
#item .timetable_sc tr:first-child th,
#item .timetable_sc tr:first-child td{
	border-top:1px solid #CCC;
}
@media screen and (max-width: 739px) {
	#item .timetable_sc th{font-size:20px;width:30px;padding:5px;}
	#item .timetable_sc td{font-size:14px;padding:10px;}
	#item .timetable_sc td:not(:last-child) {width:110px;padding:10px 3px;}
}

/*imgright
-----------------------------------------------------------------------------------------*/
.imgright div{
	margin:40px 0px;
}

.imgright figure{
	float:right;
	margin-left:20px;
}
.imgright h1{
	margin-top:30px;
}
.imgright h2{
	font-size:24px;
	font-weight:bold;
	line-height:36px;
	margin-bottom:10px;
	padding-left:10px;
	color:#000;
}
.imgright h2.pers{
	border-left:7px solid #F27185;
}
.imgright h2.kou{
	border-left:7px solid #003D95;
}
.imgright h2.cyu{
	border-left:7px solid #8dc21f;
}
.imgright h3{
	font-size:20px;
	font-weight:bold;
	line-height:26px;
	margin-bottom:10px;
	padding-left:10px;
}
.imgright p{
	line-height: 1.8;
}
@media screen and (max-width: 739px) {
	.imgright div{margin:20px 0}
	.imgright figure{float:none;text-align:center;margin:10px 0px;width:100%;}
	.imgright h1{margin-top:10px;font-size:24px;line-height:34px;}
	.imgright h2{text-align:left;font-size:20px;line-height:30px;margin-bottom:5px;}
	.imgright h3{text-align:left;font-size:18px;line-height:28px;margin-bottom:5px;}
	.imgright p{font-size:14px;line-height:1.7;}
}
hr {
  border-top: 1px solid;
  border-right: none;
  border-bottom: none;
  border-left: none;
}