/* common
-------------------------------------------------- */
#content {width: 960px;margin: 30px auto 60px;overflow: hidden;}
#content ul li {list-style: disc;margin:0 0 0 25px;}
#content #main .section {margin:0 0 30px;overflow:hidden;}
#content #main .article {margin:0 0 30px;overflow:hidden;}
#content #main .box {clear:both;overflow:hidden;}

#sidebar {float:left;width:230px;}
#sidebar h2 {background:#56B0A4 !important;text-align: center;padding:10px 0;margin:0;color:#FFF;font-size:13px;font-weight: 700;border: double 4px #FFF;}
#sidebar ul {border-left: solid 1px #CCC;border-right: solid 1px #CCC;border-bottom: solid 1px #CCC;margin:0 1px 30px;font-size: 12px;padding:0;}
#sidebar ul li {border-bottom:solid 1px #CCC;list-style: none;margin-left:0;}
#sidebar ul li:last-child {border-bottom:none;}
#sidebar ul li.active {background:rgba(238,238,238,1);}
#sidebar ul li a {display:block;padding:5px 5px 5px 10px;}
#sidebar ul li a:hover {text-decoration:none;background-color:rgba(238,238,238,0.5);}
#sidebar ul li i {margin-right:3px;color:#56B0A4;}
#sidebar ul li i.fa-angle-double-right {margin-left:8px;margin-right:3px;}
#sidebar ul li i.fa-angle-right {margin-left:14px;margin-right:3px;}
#sidebar ul li i.fa-caret-right {margin-left:20px;margin-right:3px;}
#sidebar p {margin: 8px 0;}
#sidebar p img {width:100%;}

.fa-angle-right {color:#56B0A4;margin-right:5px;}
.fa-caret-right {color:#999;margin-right:5px;margin-left:6px;}


#main {float:right;width:700px;}
#main h2 {background: url("../img/top/strip_gray.png") !important;border-bottom:solid 2px #56B0A4;padding:15px 20px 10px;margin: 0 0 30px;font-size:20px;}
#main h3 {background:#56B0A4 !important;border: double 3px #FFF;color:#FFF;padding:7px 15px 5px;margin: 0 0 30px;font-size:14px;}
#main h4 {background:url(../img/common/strip_g.png);padding:6px 15px 4px;margin: 0 0 20px;font-size:14px;}
#main h4 i,#main h5 i {margin:0 5px 0 0;}
#main h4 span {font-size:12px;margin-right:5px;}
#main p i {font-size:13px;margin:0 5px 8px 0;}
#main h5 {color:#47AE9F;margin:0 3px 15px;padding:3px 0 2px 8px;border-left:solid 5px #56B0A4;}
#main h6 {font-weight: 700;font-size:13px;}
#main ol {margin:10px 0 20px;}
#main ol li {margin:0 0 10px 20px !important;list-style: decimal;}

.ie9 #main ol li {margin:0 0 10px 30px !important;list-style: decimal;}


#pagetitle {box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);padding: 30px 0;}
#pagetitle h1 {width: 960px;text-align: left;margin: 0 auto;font-size: 25px;color:#56B0A4;font-weight:100;}
#pagetitle h1 span {font-size: 12px;margin:0 0 0 10px;font-family: 'Oswald', sans-serif;font-weight:100;color:#CCC;}

.contents-ttl {text-align: center;font-family: 'Oswald', sans-serif;font-weight: 100;font-size: 3.0rem;color:#56B0A4;}
.section-container {width: 100%;max-width: 960px;padding: 30px 0;position: relative;margin:0 auto;}
.section-innerBox {position: relative;}


.pc_only {display:block;}
.sp_only {display:none;}

.imgFull {width:100%;margin:0 0 30px;}
.imgFull img {width:100%;}

.underline {text-decoration: underline !important;}


/* テーブルパターン
============================================================================================================ */

table { border-collapse: collapse;border-spacing: 0;margin: 0 0 20px; line-height: 1.2em;}
table td,
table th {padding: 0.6em;border: none;vertical-align: middle;}
table th {background: none !important;text-align: center;vertical-align: middle;}
table caption {background-image: none;background-color: none;color:#FFF;font-weight: bold;padding:2px 0;margin-bottom: 4px !important;margin-top: 10px !important;text-align:center;}






/* main 
============================================================================================================ */





/* mainVisual
-------------------------------------------------- */

#mainVisualbox {text-align:center;width:100%;background:/*#56B0A4*/#FFF;height:auto;border:none; margin-top: 50px;}



/*20230329追加
-------------------------------------------------- */

#top_header{
  width: 960px;
  margin: 0px auto;
}

#top_message{
  width: 850px;
  margin: 30px auto;
  text-align: left;
  text-indent: 1em;
  font-size: 15px;
  line-height: 2em;
}

#top_menu{
  width: 960px;
  margin: 30px auto;
  overflow:hidden;

}


#top_menu .top_btn li {
	width:470px;
	margin:20px 20px 0 0 ;
  float: left;
}

#top_menu .top_btn li:nth-child(even){
  margin-right: 0;
}


#top_menu .top_btn li a {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
	text-align: center;
	text-decoration: none;
  font-size: 1.5em;
	width: 300px;
	margin: auto;
	padding: 1rem 4rem 1rem 3rem;
	font-weight: bold;
	background: #56B0A4;
	color: #fff;
	border-radius: 100vh;
	position: relative;
	transition: 0.5s ;
}

#top_menu .top_btn li a:hover {
	background: #aae0d9;
	color: #fff;
  text-decoration: none;
}

#top_menu .top_btn li a::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}


@media screen and (max-width: 768px) {

#top_message{
  width: 80%;
  margin: 30px auto;
  text-align: left;
  font-size: 15px;
  line-height: 2em;
}

#top_menu{
  width: 100%;
  margin: 30px auto;
  overflow:hidden;
}

}



/* topSlider
-------------------------------------------------- */

#topSliderBox {width:100%;background: url('../img/top/strip_gray.png');margin:0 0 70px;}
#topSliderBox ul {margin: 10px 0;}
#topSliderBox ul li {margin: 3px;}







/* access
-------------------------------------------------- */

.accessmap {margin:15px 0 30px;}
.accessmap iframe {width:100%;height:200px;}

.txtList {margin: 0 0 20px 0;padding:0;}
.txtList li {list-style: disc;margin:0 0 5px;}







/* news
-------------------------------------------------- */

#newtopics {}
#newtopics .section-innerBox div {max-width: 820px;margin: 0 auto;overflow-x: hidden;}
#newtopics .section-innerBox div h2 {font-size:18px;font-weight: 100;}
#newtopics div ul {border-right: solid 1px #56B0A4; border-left: solid 1px #56B0A4; width:680px;padding:0 0 0 30px;}
#newtopics div ul li {}
#newtopics div ul li span {margin:0 10px 0 0;color:#56B0A4;}
#newtopics div ul li a {display: block;text-align: left;}
#newtopics div ul li a:hover {text-decoration: none;}






/* topBanner
-------------------------------------------------- */
#topbanner {width:960px;margin:40px auto 60px;}
#topbanner  a:hover {opacity:0.8;}
/* #topbanner ul {overflow:hidden;}
#topbanner ul li {float:left;margin:5px;width:48.8%;}
#topbanner ul li a:hover {opacity:0.8;}----- */

.new_department {overflow:hidden; width:960px;margin:0 auto 30px;}
.new_department img {width:100%;}








/* 共通-- */
.title_box {
  background: #62C0B4;
  -moz-background-size: 105px 50px; /* Firefox */
  -webkit-background-size: 105px 34px; /* Safari,Chromeなど */
  -o-background-size: 105px 34px; /* Opera */
  -ms-background-size: 105px 34px; /* ie */
  background-size: 105px 34px;
  padding: 7px 15px 6px;
  margin: 0 0 20px;
  text-align: left;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  }

/*
* こども学科-教育課程の特長
--------------------------------------------------------------------*/

.child_feature{width: 700px;}
.child_feature img{width: 100%;}


@media screen and (max-width: 680px) {
    .child_feature{width: 100%;}
}



.slideBox,
.slideBox02,
.slideBox03,
.slideBox04,
.slideBox05,
.slideBox06,
.slideBox07,
.slideBox08 {
display: none;
margin: 0 20px 0 16px;
padding: 20px 0 0 0;
position:relative;
clear:both;
text-align: left;
}



.table.sp_border table tr,
.table.sp_border table td,
.table.sp_border table th {display: block;width:100%;}
.table.sp_border table {border-top: 1px solid #231815;}
.table.sp_border table td,
.table.sp_border table th {padding: 0.6em 1em;border-top-width: 0;}
.table.sp_border table th {text-align: center;font-weight: bold;}




/* RESPONSIVE CSS
============================================================================================================ */



@media screen and (max-width: 768px) {

#content {width: 100%;margin:55px auto 0;overflow: hidden;}
#content ul li {margin:0 0 0 18px;}
#main {float:none;width:100%;margin:0 auto;}
#content #main .section {margin:0 15px 30px;overflow:hidden;}
#content #main .article {margin:0 0 20px;overflow:hidden;}

#pagetitle h1 {width:100%;text-align: left;margin: 0 auto;font-size: 16px;color:#56B0A4;font-weight:100;}
.section-container {padding: 40px 0 20px;margin:0 auto;}

}



@media screen and (max-width: 667px) {

#main {float:none;width:100%;margin: 10px auto 0;}
#main p {line-height:1.6em;}
#main h2 {padding:15px 15px 10px 15px;font-size:15px;}
#main h3 {font-size:13px;}

#sidebar {float:none;width:94% !important;margin:0 auto;}
#sidebar ul li {margin-left:0;}
#sidebar ul li a {display:block;padding:12px 10px 12px 10px;}



/* テーブルパターン(縦 枠あり)
============================================================================================================ */

.table {margin: 0 0 20px;}
.table table {width: 100%;border-collapse: collapse;border-spacing: 0;}
.table table td,
.table table th {padding: 0.6em;border: 1px solid #c9c9c9;vertical-align: top;}
.table table th {background: #f0f0f0;text-align: center;vertical-align: middle;}

.table.sp_border table tr,
.table.sp_border table td,
.table.sp_border table th {display: block;width:100%;}
.table.sp_border table {border-top: 1px solid #c9c9c9;}
.table.sp_border table td,
.table.sp_border table th {padding: 0.6em 1em;border-top-width: 0;}
.table.sp_border table th {background: #f5f5f5;text-align: center;font-weight: bold;}


.contents-ttl {text-align: center;font-family: 'Oswald', sans-serif;font-size: 2.6rem;color:#56B0A4;font-weight: 100;}
.contents-ttl img {width:100%;}

div.section-innerBox {min-height: inherit;width:90%;margin:0 auto;}


#top_header {
  width: auto;
}

#top_header h1 img{
  width: 40% !important;
  margin: 0px auto 0px 0px;
}
#mainVisualbox {margin-top:30px;}  

#newtopics { margin:210px 0 0;}
#newtopics .section-innerBox div {max-width: 100%;width:100%;padding:0;padding:0;}
#newtopics .section-innerBox div h2 {font-size:18px;font-weight: 100;text-align:left;padding:15px 15px 10px 15px;background: url("../img/top/strip_gray.png");border-bottom:solid 2px #56B0A4;}
#newtopics div ul {border-right:none; border-left:none; width:100%;margin:0;padding:0;}
#newtopics div ul li {margin:0 0 6px;}
#newtopics div ul li span {display:block;}

#top_manabi h2 {width:96% !important; margin: 15px auto 10px !important;}
#top_manabi h2 img {width: 100%;}
/*---
#top_manabi {width:100%;margin:0 auto 20px;background:#F2F2EB;padding:15px 0;}
#top_manabi ul {width:96%; margin: 0 auto;}
#top_manabi li {width:47%;float:left;display:table-cell;margin:3px;margin-right:0;}
#top_manabi li:nth-child(odd) {margin-right:10px;}
---*/

.pc_only {display:none;	}
.sp_only {display:block;}


#time_table p img {float: none;margin: 0 0 10px 0;}
#time_table p {margin: 0 20px 10px 20px;}
#time_table p span {display: block;padding: 10px 0 10px;color: #E85377;font-weight: bold;font-size:15px;}



ul#head_pagenav {padding: 8px 5px 8px 5px;}


.title_box {
  background-image: none;
  padding: 7px 15px;
  margin: 0 0 8px;
  text-align: left;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  }

}

@media screen and (max-width: 420px) {
#sujc_course div div dl {margin-top:210px;}
}
@media screen and (max-width: 380px) {
#sujc_course div div dl {margin-top:190px;}
}
@media screen and (max-width: 320px) {
#sujc_course div div dl {margin-top:150px;}
ul#chachacha_newslist li {width:46.5%;}
}