@charset "UTF-8";
/* CSS Document */

body, html {
	font-size:85%;
	line-height:150%;
}

section {
	width:100%;
	padding:0;
}

.bx-wrapper img {
	width:100%;
	height:auto;
}

#topSubContents .news { width:100%; }

#topSubContents .news { margin:0 0 20px 0; }

.articleListContents {
	height:220px;
	overflow-x:hidden;
	overflow-y:scroll;
	margin:0 0 20px 0;
	font-size:100%;
}

#articleListBox dl { width:100%; }
#articleListBox dt { width:22%; padding:0 0 0 3%; }
#articleListBox dd { width:75%; }

#topSubContents .topic {
	width:100%;
	padding-bottom:20px;
	margin-bottom:20px;
}

#LinkList {
	width:90%;
	padding:0 5%;
	background:none;
	position:relative;
}
#LinkList li a {
	margin-right:5px;
}

#headerContents { width:100%; }

#headerLogo {
	position:static;
	margin:10px 0 0 2%;
	width:70%;
}

header { height:auto; }
header .menu { display:none; }

nav {
	position:static;
	overflow:hidden;
	margin:10px 0 0 2%;
}

nav .listParent {
	width:auto;
	height:auto;
}
nav .listParent img {
	width:100%;
	display:block;
}

#GNaviJQ .pull-first { width:30.315%; }
#GNaviJQ .pull-second { width:27.789%; }
#GNaviJQ .pull-third { width:37.894%; }

#GNaviJQ .first,
#GNaviJQ .second,
#GNaviJQ .third {
	position:absolute;
	top:100%;
	left:0;
	width:93%;
	border:none;
	padding:3% 2% 0% 5%;
}

.button-toggle {
	background-color:#fff;
	border:1px solid #ccc;
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	font-size:160%;
	width:20%;
	height:35px;
	padding-left:2%;
}
.toggleMenuTxt {
	font-size:75%;
	vertical-align:middle;
	padding:0 0 0 2px;
}

#headerSubMenu {
	position:static;
	background-color:#e0c0d5;
	padding:3% 3% 3% 0%;
	overflow:hidden;
	margin:5px 0 0 0;
}

#headerSubMenu li {
	font-size:140%;
	margin:0 0 10px 20px;
	padding-left:0;
}
.GNaniSub li a {
	font-size:140%;
	margin:0 20px 20px 0;
}

#headerSubMenu .linkHome {
	background:none;
	padding-left:0;
}

#headerSubMenu .linkRight { border-right:1px solid #666; }
#headerSubMenu .left { clear:left; }

#headerSubMenu .linkOther {
	background:url(../images/sp_menuItem.png) no-repeat 0 0;
	width:auto;
}
#headerSubMenu .linkOther a { margin-left:25px; }

#GNaviJQ .liWrapper a { width:100%; }

#pageArticle { background:none; }

#pageArticle nav { display:none; }

#pageArticle h1 p {
	padding:5% 0 10px 2%;
	background:none;
	width:98%;
}

#schoolHere img,
#courseHere img,
#lifeHere img
{ display:none; }
#pankuzu { display:none; }

#backGroundImg {
	background:none;
	width:94%;
	padding:0 3%;
}

#pageContainer section { width:100%; }

#pageContainer .Contents-copy {
	padding-top:280px;
	background:url("../images/course_about.jpg") no-repeat center top;
}

#pageContainer {
	padding:10% 0 20% 0;
	width:100%;
	font-size:125%;
}

.Contents-copy p { padding:0 0 5% 0; }

#courseBanner li {
	margin:10px 2% 0 2%;
	width:46%;
}
#courseBanner li img { width:46%; }
#courseBanner .courseBanner-img { width:100%; }

#pageTopicList ul { width:auto; }
#pageTopicList li { margin:10px 10px 0 10px; }

#footerContents {
	width:100%;
	background:url("../images/footer_address_sp.gif") no-repeat center top;
	padding:110px 0 40px 0;
	text-align:center;
}

#footerMenu { width:100%; }
#footerMenu li { padding:0 6px; }

small { float:none; }

#topMainBanner li {
	width:80%;
	margin:0 10%;
}

#topMainBanner img {
	width:100%;
	height:auto;
}

#pageArticle h1 div {
	width:100%;
	padding:0;
	background:#e4e4e4;
}
#pageArticle h1 #titlebox_l {
	padding:7% 15px;
	width:auto;
	font-size:60%;
}

#pageArticle h1 #titlebox_r {
	width:auto;
	padding:7% 0;
	float:left;
}

.conttitle-txt {
	width:106%;
	margin-left:-4%;
	padding-left:5%;
	line-height:150%;
}

.mgn10 { margin-bottom:0px !important; width:100%; height:auto; }
.mgn30 { margin-bottom:20px !important; width:100%; height:auto; }
.mgn40 { margin-bottom:40px !important; width:100%; height:auto; }
.mgn50 { margin-bottom:20px !important; width:100%; height:auto; }
.mgn60 { margin-bottom:40px !important; }
.mgn70 { margin-bottom:40px !important; }
.mgn80 { margin-bottom:40px !important; }

.mgn00, .mgn05, .mgn10, .mgn15, .mgn20, .mgn25, .mgn30, .mgn40, .mgn50, .mgn60, .mgn70, .mgn80, .mgn90, .mgn100
{ line-height:160%;}

#kouka_img {
	height:auto;
	width:105%;
	margin-left:-4%;
	margin-bottom:20px;
}
#kouka_img .kouka_about_sp { width:100%; height:auto; display:block; }
#kouka_img .kouka_about { display:none; }
#kouka_img a { display:none; }







#greeting_wrap {
	padding:0 10px;
	font-size:100%;
	line-height:160%;
}

#history_table {
	padding:0;
	font-size:90%;
}

#entinfo_bgimg { background:none; line-height:150%; }
.entinfo_wrap { margin:20px 0 60px 15px; }
#entinfo_table th,
#entinfo_table td {
	padding:10px 20px 10px 0;
	text-align:left;
}

#aftcourse_img  { width:100%; }
#acs_txtmgn { width:100%; margin-bottom:20px; }
.access-address { font-size:100%; line-height:150%; }

#topic_img img { width:100%; }

.topic_wrap01 { padding:0; }
.robocon-img { width:100%; }

#course_bd_mac,
#course_bd_ele,
#course_bd_mecha,
.course_bd_eng { width:100%; height:auto; }

.course_eng_maintxt {
	width:49%;
	font-size:80%;
}

#pageTopicList ul,
#Topic_mac ul,
#Topic_ele ul,
#Topic_mecha ul,
#Topic_eng ul {
	width:100%;
	margin-bottom:40px;
}

#pageTopicList li,
#Topic_mac li,
#Topic_ele li,
#Topic_mecha li,
#Topic_eng li {
	font-size:100%;
	margin:10px 10px 0 10px;
}

.course_wrap div { width:100%; margin:20px 0; }

.course_wrap,
.course_wrap02,
#course_wrap03 {
	margin:0 20px;
	padding:0;
	overflow:hidden;
	width:90%;
}
#engtopic_img p,
#engtopic_img img { width:100%; }

.flt_r { float:left; }

#pageContainer .menubtn_flt02 li { margin:0 0 15px 0; }

.event .menubtn {
	margin-top:0;
	font-size:110%;
}
.event_img {
	margin-top:10px; 
	width:100%;
}

.club .mainbenner { width:100%; }
.club .maincopy { margin:10px 0 40px 0; float:left; }

.menubtn { margin-bottom:40px; }

.club_wrap { width:100%; margin-bottom:40px; }
.club_wrap li { width:48%; margin:2% 2% 0 0; }
.club_wrap li img { width:48%; }
.club_wrap li .clubBunnerImg { width:100%; }

#clubcont_wrap { line-height:150%; }

#club_prftable th,
#club_prftable td { padding:10px; }

#club_table { margin:0 0 40px 0; }
#club_table th {
	border-bottom:1px solid #b2b2b2;
	white-space:nowrap;
}

#pageTopicList li a,
#Topic_mac li a,
#Topic_ele li a,
#Topic_mecha li a,
#Topic_eng li a {
	text-decoration:underline;
}

.topic12img {
	margin-top:10px;
	width:100%;
	height:auto;
}

.schoolGuideMainImg,
.sclguide_li li,
.sclguide_li img { width:100%; height:auto; }
.sclguide_li li { margin-bottom:20px; }

#viewer img { width:100%; }

.widthMax { width:100%; }

#pageTopicList02 ul, #Topic_eng ul {
	width:100%;
}
.rszimage img { width: 100%; }

.yodoko_blog {
	background: blanchedalmond;
	border: 3px #DA523A solid;
	text-align: center;
	font-size:2.5rem;
	padding:5px 20px 15px 20px;
	margin:5px;
}
.yodoko_blog a {
	outline:none;
	text-decoration:none;
}
.yodoko_blog a:visited {
	outline:none;
	text-decoration:none;
}
.yodoko_blog a:hover {
	border-bottom:1px solid;
	background:pink;
}