@charset "utf8";
/*---------------------
 body
--------------------- */
body *{box-sizing:border-box;}
body{
	background-image:url(../img/bg/bg_body.png);
	background-repeat:repeat;
	background-attachment:fixed;
	width:100%;
}
/*---------------------
 全体的な構造（サイズ系）
--------------------- */
#wrap{width:1000px;background-color:#fff;margin:0 auto;}
header{width:100%;margin:0 auto;}
#left,#right{overflow:hidden;}
/*---------------------
 header
--------------------- */
header{
	width:100%;margin:0 auto;
	background-image:url(../img/bg/bg_head.jpg);
	position:relative;
	background-size: contain;
}
div#header{width:1000px;margin:0 auto;position:relative;}
#ttl{
	font-size:38px;font-size:3.8rem;font-weight:800;
	padding:10px 20px 60px 20px;
	/*background:url(../img/icn.png) no-repeat left center;*/
	background-size: contain;background-size:15%;
	text-shadow: /*水平 垂直 ぼかしの半径 色*/
	/*0 0 2px #333*/
}
#ttl span{font-size:20px;font-size:2rem;display:block;padding-bottom:0.5em;}
#ttl a{color:#fff;text-decoration:none;}

header div#logo{font-size:18px;font-size:1.8rem;	border-radius: 0 0 12px 12px;
	position:absolute;right:10px;top:0;
	background:#34559c;
	padding:0.25em 0.75em 0.35em 0.75em;
}
header div#logo a{text-decoration:none;color:#fff;}
/*---------------------
 line_menu
--------------------- */
#line_menu{background-image:url(../img/bg/bg_lm.jpg);}
#line_menu ul{background-color:#826045;opacity:0.8;}
#line_menu ul li{
	float: left;
	width:190px;
	border:solid 1px #fff;
	margin:5px;
	padding:7px;
}
#line_menu ul li a{width:100%;display:block;text-align:center;font-size:16px;color:#fff;text-decoration:none;}
/*---------------------
 スライド
--------------------- */
#slide{width:1000px;height:auto;margin-bottom:30px;/*background-color:#000;*/}

/*---------------------
 検索ボックス
--------------------- */
#sch_box{width:100%;padding:30px 15px;position:relative;}
#sch_box input[type="text"] {font-size:16px;font-size:1.6rem;    width: 240px;
    height: 38px;
    padding: 10px;
    border-radius: 0;
    -webkit-appearance: none;
}
#sch_box input[type="submit"]{font-size:16px;font-size:1.6rem;    width: 60px;
    height: 38px;
    color: #fff;
    border: none;
    background: #34559c;
    padding: 0;
    border-radius: 0;
    -webkit-appearance: none;
	font-weight:bold;
}
#sch_box input[type="submit"]:hover{cursor:pointer;}
#sch_box div{line-height:2.0;font-size:14px;font-size:1.4rem;}

/*---------------------
 zbaボタン
--------------------- */
#btn_zba{display:block;position:absolute;right:5px;top:15px;}

/*---------------------
 メインカラム
--------------------- */
#left{min-width:640px;margin-left:20px;background-color:#fff;float:left;}
#left hr{box-sizing:content-box;}
img.s_img{display:block;float:right;margin:10px auto;}
img.s_img:after{content:"●";display:block;clear:both;font-size:10px;}

/*---------------------
 h1
--------------------- */
h1{font-size:24px;font-size:2.4rem;	width:100%;
	background-color:#fff1cf;
	padding:0.75em;
	margin:0 auto 30px auto;
	font-weight:bold;
}

/*---------------------
 nav
--------------------- */
nav#scl_lst {font-size:16px;font-size:1.6rem;	line-height:2.4;
	padding:1em;
	border-radius:8px;
	margin-bottom:20px;
	background-image: url(../img/bg/bg_side.jpg);
}
#scl_lst li span{font-size:14px;font-size:1.4rem;}

/*---------------------
 学校紹介ボックス
--------------------- */
/*学校名*/
h2{
	font-size:20px;font-size:2rem;color:#543f32;
	border-bottom:solid 1px #543f32;
	margin-bottom:18px;
	font-weight:bold;
	padding-top:0.25em;
}
h2.nam_only{padding:0.5em 0 0.75em 0;}
h2 span{font-size:14px;font-size:1.4rem;display:block;padding:0.5em 0 0.75em 0;font-weight:bold;}

section{color:#583822;
	padding:10px 20px 55px 20px;
	/*夏用*/
	background-image:url(../img/bg/bg_lg.png);/*春の新緑の季節*/
/*background-image:url(../img/bg/bg_ami2.jpg);*/
	position:relative;
	margin-bottom:30px;
	border-radius:10px;
}
section p{font-size:16px;font-size:1.6rem;}
div.sns{position:absolute;top:16px;right:20px;font-size:30px;font-size:3rem;}
div.sns a{color:#999;text-decoration:none;padding-left:0.5em;}
/*アイコン*/
.icon-line:before {
	content:url(../fonts/line.png); width: 30px;
  height: 30px;
	vertical-align:bottom;
}

/*学校情報*/
section dl *{line-height:1.5;}
section dt {font-size:12px;font-size:1.2rem; color:#999;padding:0.15em 0.5em;color:#fff;background-color:#999;display:table-cell;border-radius:5px;}
section dd {font-size:16px;font-size:1.6rem; margin-top:0.5em;margin-bottom:1em;width:400px;font-weight:bold;line-height:1.75;}
section dd.w600{width:600px;}
section dd p.tyu{color:#666;font-size:12px;font-size:1.2rem;}
section dd.cos span{display:block;font-size:12px;font-size:1.2rem; color:#666;margin-bottom:0.35em;}
section dd h3{font-weight:bold;margin:0.75em 0;color:#1e50a2;}
span.est{font-size:14px;font-size:1.4rem;display:block;font-weight:bold;}
/*イメージ写真*/
/*img.s_img{height:210px;}*/
img.s_img{width:300px;padding-bottom:16px;}

/*声koe*/
dd.koe{font-size:14px;font-size:1.4rem;color:#666;}
dd.koe span{font-size:12px;font-size:1.2rem;color:#666;display:block;width:100%;text-align:right;}

/*リンク*/
ul.lnks{
	padding-top:1em;
}
ul.lnks li{padding-top:1em;padding-bottom:1em;border-bottom:dashed 1px #999;}
ul.lnks li:nth-child(1){border-top:dashed 1px #999;}
ul.lnks li:last-child{border-bottom:dashed 1px #999;margin-bottom:1em;}
ul.lnks li a{font-size:16px;font-size:1.6rem;	text-decoration:none;
	position:relative;
	display:block;
}
ul.lnks li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #c9171e;
border-right: solid 2px #c9171e;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
/*fsへのリンク*/
a.lnk_fs{position:absolute;bottom:5px;right:30px;display:block;width:100px;height:55px;background-image:url(../img/icn_fs.png);background-repeat: no-repeat;background-size: contain;}

/*動画*/
div.mov{width:100%;max-width:600px;margin-top:12px;}
div.mov video{width:100%;max-width:600px;}
/*------------
　日本地図
------------*/
#j-map table caption{
font-size:16px;font-size:1.6rem;color:#fff;
background-color:#8bb7ff;
padding:0.5em;
margin-bottom:0.75em;
border-radius:30px;
}
#j-map table {
	border-collapse: collapse;
	border-spacing: 0;
	_width:100%;
	width:300px;
	margin-bottom:20px;
}
#j-map td {
	width: 12.5%;
	border: 1px solid #FFF;
	text-align: center;
	padding:5px;
	height:55px;
}
#j-map td a {
	display: block;
	width: 100%;
	padding: 1px 0;
	color:navy;
	font-size:14px;font-size:1.4rem;	text-decoration:none;
}
#j-map td.bnk { border: none;}
#j-map td.hok { background: #B8ACFE;}
#j-map td.tou { background: #B9D1FD;}
#j-map td.knt { background: #EAC5FF;}
#j-map td.hkr { background: #D3FEAC;}
#j-map td.chu { background: #F2F2B2;}
#j-map td.knk { background: #D7C9FE;}
#j-map td.skk { background: #C5F6FB;}
#j-map td.cgk { background: #FEB2BE;}
#j-map td.kyu { background: #FECEBA;}
.area,.ken,.scl_tbl,form#sch{display:block;}
.ken{margin-bottom:10px;}


/*---------------------
　サイド（Side/右カラム）
---------------------*/
div.side{
	width:300px;
	background-image:url(../img/bg/bg_side.jpg);
	background-repeat:repeat;
	margin-bottom:20px;
	padding:1.25em;
	border-radius: 10px;
}
#right{min-width:300px;margin-left:25px;float:left;}
#right h3,#right p{margin:0.25em 0.35em;}
#right h3{font-size:18px;font-size:1.8rem;	padding-left:10px;
	border-left:solid 8px #333;
	margin-bottom:0.75em;
}
#right p{font-size:14px;font-size:1.4rem;line-height:2.0;}
/*---------------------
　img_box_c
---------------------*/
.img_box_c{
	margin:10px auto;
}
.img_box img{display:block;}
.img_box_c p{
	margin:0px;
	font-size:14px;font-size:1.4rem;	line-height:1.5;
	color:#666;
}

/*---------------------
　img_box_r
---------------------*/
.img_box_r{
	margin:5px 0px 3px 12px;/*topの5pxは右のpとのバランス*/
	float:right;
/*画像サイズにあわせて書きかえ*/
/*width:auto;にするとIE6 7で回り込みしない。各ページで上書き指定する*/
}
.img_box_r img{
	margin:0 0 3px 0;
	display:block;
}

.img_box_r p{
	font-size:12px;font-size:1.2rem;	color:#666;
	line-height:1.5;
}
/*---------------------
　img_box_l
---------------------*/
.img_box_l{
	margin:5px 10px 3px 0px;/*topの5pxは右のpとのバランス*/
	float:left;
/*画像サイズにあわせて書きかえ*/
/*width:auto;にするとIE6 7で回り込みしない。各ページで上書き指定する*/
}
.img_box_l img{
	margin:0px auto;
}

.img_box_l p{
	text-align:center;
	font-size:12px;font-size:1.2rem;	color:#666;
	line-height:1.5;
}

/*---------------
 メニュー表示
---------------*/

.ich-dan{
	margin-bottom:20px;
}
.ich-dan div{
	width:300px;
	font-size:16px;font-size:1.6rem;	border:solid 1px #ccc;
	background: url(../img/index_page/tri.png) right top no-repeat;
}

#right div.ich-dan h3{
	font-weight:normal;
	padding: 15px 10px 15px 20px;
	border-left:none;
	margin:0;
}
.ich-dan>div>img{
	margin-left:5px;
	display:block;
	width:290px;
	height:94px;
	margin-bottom:2px;
}
.ich-dan div ul{margin:0px 5px 4px 5px;}
.ich-dan div ul li{
	background-color:#f4f0e8;
	margin-bottom:1px;
	}
.ich-dan div ul li a{
	display: block;
	padding: 10px 10px 7px 20px;
	text-decoration:none;
	background:url(../img/lst/tri_red.png) 8px center no-repeat;
}
.ich-dan div ul li a span{font-size:12px;font-size:1.2rem;}

/*---------------------
　footer
---------------------*/
footer{font-size:16px;font-size:1.6rem;	text-align:center;
	width:100%;
	padding:0.5em;
	margin:0 auto;
	color:#fff;
	line-height:1.8;
	background-image:url(../img/bg/enjyu_bar.jpg);
}
footer a{text-decoration:none;color:#fff;}
/*---------------------
　totop
---------------------*/
#totop{
	position: fixed;
	bottom: 20px;
	right: 20px;
	opacity:0.8;
}
#totop:hover{cursor:pointer}

/*---------------------
　design
---------------------*/
.whois{font-size:14px;font-size:1.4rem;color:#666;text-align:right;}


/*--------------------- メディアクエリ ------------------------*/
@media screen and (max-width:767px){/*768(＝ipad)はPC表示*/
	#slide,#wrap,div#header,#left,#right{width:100%;min-width:100%;}
	#ttl{
		font-size:22px;font-size:2.2rem;		background-size:45px 45px;
		padding:10px 0px 40px 8px;
	} 
	#ttl a span{font-size:14px;font-size:1.4rem;}
	header div#logo{font-size:12px;font-size:1.2rem;right:3px;}
	#btn_zba{display:block;position:relative;width:100%;text-align:center;margin-top:15px;}
	section,nav#scl_lst{width:96%;margin:10px auto;border-radius:8px;}
	section dd,section dd.w600{width:100%;}
	#line_menu ul li{
		width:171px;
		margin:5px;
		padding:8px 0;
	}
	img.s_img{
		float:none;
	}

#left,#right{width:100%;margin-left:0;}
div.side{width:96%;margin:0 auto;}
#right div#ads{width:96%;margin:20px auto;}
}
/*--------------------- メディアクエリ ------------------------*/
@media screen and (max-width:414px){
	#line_menu ul li{width:197px;}
	#ttl{font-size:24px;font-size:2.4rem;;} #ttl span{font-size:18px;font-size:1.8rem;}
	.ich-dan div{
		margin:10px auto;
		width:96%;
	}
	.ich-dan>div>img {
		width:96%;
		height:auto;
	}
	.ich-dan div ul li a {font-size:16px;font-size:1.6rem;		padding: 16px 0px 16px 20px;
	}
	#j-map table{width:96%;margin:20px auto;}
}
/*--------------------- メディアクエリ ------------------------*/
@media screen and (max-width:375px){
	#ttl{background-image:none;padding-left:0;}
	#line_menu ul li{
		width:177px;
	}
}
/*--------------------- メディアクエリ ------------------------*/
@media screen and (max-width:320px){
	#ttl{
		font-size:20px;font-size:2rem;		padding:14px 0px 14px 0px;
	} 
	#ttl span{font-size:14px;font-size:1.4rem;}
	#line_menu ul li{
		width:97%;
	}
}


