@charset "utf8";
/*---------------------
 body
--------------------- */
body{
	background-image:url(../img/bg/bg_forest.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	width:100%;
}
/*---------------------
 全体的な構造（サイズ系）
--------------------- */
#wrap{width:1000px;background-color:#fff;margin:0 auto;}
header{width:1000px;margin:0 auto;}
#left,#right{overflow:hidden;}
footer{width:1000px;margin:0 auto;}
/*---------------------
 header
--------------------- */
header{
/*
	background-image:url(../img/bg/bg_head.jpg);
	background-size: contain;
*/
	position:relative;
	border-top:solid 5px #432f2f;;
	background-color:#fff;
}
div#header{width:1000px;margin:0 auto;position:relative;}
#shoulder{color:#432f2f;;font-size:16px;font-size:1.6rem;line-height:1.5;font-weight:bold;padding-left:0.25em;}
#logo{padding-bottom:3px;display:inline-block;}
#logo a{display:inline-block;}
#logo img{display:inline-block;width:450px;height:90px;}
#bnr_rt{position: absolute;right: 5px;top: 28px;}
/*---------------------
 ハンバーガー
--------------------- */
#btnhead{display:none;}

/*-----------------------
 pan_navi
------------------------- */
nav#pan_navi {
	width:100%;background:#b3c5dd;
	border-top:solid 1px #B0B9CF;
	border-bottom:solid 1px #B0B9CF;
	background-opacity:0.2;
	background: rgba(179,197,221,0.75);
}
nav#pan_navi div{
	font-size:16px;
	/* overflow:hidden; */
	background:#b3c5dd;
	/* height:25px; */
	z-index:1;
	/* border-top:solid 2px #0014AD;*/
	width:1000px;
	margin:0 auto;
}

nav#pan_navi div ul {
	overflow:hidden;
	display:table;
	background:#d8e1ed;
	background:-webkit-gradient(linear,left top,left bottom,from(#f0f4fa), to(#d8e1ed));
	background:-moz-linear-gradient(top, #f0f4fa, #d8e1ed);
	height:25px;
}
nav#pan_navi div ul li {
	display:table-cell;
}

nav#pan_navi > div > ul li > span {
	display:block;
	background:url(../img/pan_navi/01.png) no-repeat right top;
	-webkit-background-size:11px 26px;
	background-size:11px 26px;
	padding:0 11px 0 0;
}
nav#pan_navi> div ul li:first-child {
	padding-left:1px;
}
nav#pan_navi > div > ul li:last-child > span {
	background:url(../img/pan_navi/02.png) no-repeat right top;
	-webkit-background-size:11px 26px;
	background-size:11px 26px;
	padding-right:11px;
}
#pan_navi > div > ul li > span > a{text-decoration:none;}
#pan_navi > div > ul li > span > a,
#pan_navi > div > ul li > span > span {
	overflow:hidden;
	display:block;
	padding:0 4px 0 4px;
	height:24px;
	color:#000;
	line-height:23px;
	word-wrap:break-word;
	word-break:break-all;
	border-top:1px solid #fff;
}
#pan_navi > div > ul li > span > span {
	color:#999;
}

/* 以下KK  */
#pan_navi > div > ul li > span > a >img{
	height:18px;width:18px;
	vertical-align:sub;
}

/*---------------------
 line_menu
--------------------- */
nav#line_menu{background-color:#432f2f;;background-image:url(../img/bg/bg_line_menu.png);}
nav#line_menu div{width:1000px;margin:0 auto;}
/*#line_menu div ul{background-color:#432f2f;;}*/
#line_menu div ul li{
	float: left;
	width:190px;
	border:solid 1px #fff;
	margin:5px;
	padding:7px;
}
#line_menu div 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;*/}
.slick-prev {left: -40px;}
.slick-next {right: -35px;}
.slick-prev:before, .slick-next:before {color:#999;}

div#ads_top{
	width:934px;
	margin:0 auto 20px auto;
}

/*---------------------
 メインカラム
--------------------- */
#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;}
article{padding-top:1.2em;}
/*---------------------
 h1
--------------------- */
h1{font-size:24px;font-size:2.4rem;color:#fff;
	position:relative;
	width:100%;
	background-color:#432f2f;;
	padding:0.25em 0 0.25em 50px;
	margin:0px auto 20px auto;
	line-height:1.75;
	background-image:url(../img/bg_h1.jpg);
}

h1:before{
	content:'';/*何も入れない*/
	display:inline-block;/*忘れずに！*/
	width:35px;/*画像の幅*/
	height:50px;/*画像の高さ*/
	background:url(../img/icn_h1.png) no-repeat;
	background-size:contain;
	position:absolute;
	left:5px;top:10px;
}
h1 img{position:absolute;}
/*---------------------
 top_imageh1のすぐ下
--------------------- */
#top_image{margin-top:-17px;margin-bottom:18px;width:100%;}
/*---------------------
 目次 page_index
--------------------- */
nav#page_index{padding:1.5em;
__background-image:url(../img/bg/bg_index.jpg);
margin-bottom:2em;width:620px;border-radius:10px;position: relative;}
nav#page_index h2{border-bottom:none;font-size:20px;font-size:2rem;color:#543f32;padding-bottom:0.5em;margin-bottom:0;}
nav#page_index > ol{margin-left: 40px;line-height:1.25;}
nav#page_index li{font-size:16px;font-size:1.6rem;padding-top:1.25em;list-style-type: decimal-leading-zero;}
nav#page_index li a{color:#543f32;text-decoration:underline;}
ol#page_index_bra ol{margin-left:10px;}
ol#page_index_bra li{list-style-type:disc;}

/*---------------------
 section
--------------------- */
section{color:#583822;
	padding:10px 0px 10px 10px;
	/*background-image:url(../img/bg/bg_ami.jpg);夏用*/
	/*background-image:url(../img/bg/bg_lg.png);/*春の新緑の季節*/
	position:relative;
	margin-bottom:1em;
	border-radius:10px;
	width:620px;
}
section > div.sub{
	font-size:16px;font-size:1.6rem;	padding-bottom:0.5em;
}
section h2{
	font-size:20px;font-size:2rem;color:#543f32;
	border-bottom:solid 1px #543f32;
	margin-bottom:18px;
	font-weight:bold;
	padding-bottom:0.5em;
	line-height:1.25;
}

section h3{
	font-size:18px;font-size:1.8rem;color:#543f32;
	margin-bottom:18px;
	font-weight:bold;
	padding-top:1.5em;
	padding-bottom:0.5em;
}

/*---------------------
　P系
---------------------*/
section p,
ul.lst{
	font-size:16px;font-size:1.6rem;line-height:1.75;padding-bottom:0.5em;
}


/*---------------------
　ul系
---------------------*/
ul.lst{
	padding-left:1em;
	margin-left:1em;
}
ul.lst li{list-style-type:disc;}
/*リンク*/
ul.lnks{
	padding-top:1em;
	margin-bottom:2em;
}
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);
}

/*---------------------
　ol(kiji内)
---------------------*/

ol.lst{font-size:16px;font-size:1.6rem;	padding-left:1em;
}
ol.lst li{font-weight:bold;list-style-type: decimal;line-height:2.0;padding-left:0.5em;margin-left:0.5em;}


/*---------------------
　img_box
---------------------*/
.img_box p{
	margin:0px;
	font-size:14px;font-size:1.4rem;	line-height:1.5;
	color:#999;
}

/*---------------------
　img_box_c
---------------------*/
.img_box_c{
	margin:10px auto;
}
.img_box img{display:block;}


/*---------------------
　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_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;
}


/*---------------------
　サイド（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:15px;float:left;}


#right p{font-size:14px;font-size:1.4rem;line-height:2.0;}

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

div.ich-dan h3{
	font-size:20px;font-size:2rem;	color:#583822;
	margin-bottom:0.75em;
	font-weight:bold;
	padding: 15px 10px 15px 12px;
	border-left:none;
	margin:0;
}
div.ich-dan h3 span{
	font-size:14px;font-size:1.4rem;}
.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 10px 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;}
/*---------------------
 ads ue
---------------------*/
img#ads_ue{
display:block;
margin-bottom:-5px;
z-index:100;
}

/*---------------------
　三本メニュー（ハンバーガー）
---------------------*/
button{margin-bottom:10px;}
/*ボタン自体の設定*/
#btnhead{
	border:none;
	height:50px;
	width:50px;
	background-color:#432f2f;;
	color:#fff;
	position:absolute;top:18px;right:12px;
	transition: all .4s;/*アニメーションの作動時間*/
	box-sizing: border-box;
}
#btnhead span:nth-child(-n+3){/*3番目まで*/
	position: absolute;
	left: 12px;
	width: 26px;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
	transition: all .4s;
}
#btnhead span.btnhead{
	font-size:10px;
	position: absolute;
	top: 33px;
	left: 0;
	width: 50px;
	text-align: center;
	transition: all .4s;
}
#btnhead span:nth-of-type(1) {
	top: 10px;
}
#btnhead span:nth-of-type(2) {
	top: 18px;
}
#btnhead span:nth-of-type(3) {
	top: 26px;
}
/*ボタンの回転設定*/
#btnhead.active span:nth-of-type(1) {
	-webkit-transform: translateY(14px) rotate(-315deg);
	transform: translateY(14px) rotate(-315deg);
}
#btnhead.active span:nth-of-type(2) {
	opacity: 0;
}
#btnhead.active span:nth-of-type(3) {
	-webkit-transform: translateY(-2px) rotate(315deg);
	transform: translateY(-2px) rotate(315deg);
}
#btnhead.active span.btnhead{
	opacity: 0;
}

/*---------------------
　声　koe
---------------------*/
section.koe{
	max-width:610px;
	background-image:url(../img/bg/bg_column.jpg);
	padding:1.75em 1.5em 1.75em 2em;
	position:relative;
	margin:1em 10px 10px 10px;

}
section.koe h2{border-bottom:none;padding-bottom:0;margin-bottom: 14px;}
section.koe .sub{
	font-size:30px;font-size:3rem;color:#ccc;padding-bottom:0.5em;
	position:absolute;top:3px;right:7px;
}

section.koe .whois,
nav#page_index .whois,
div.whois{
	font-size:14px;font-size:1.4rem;color:#999;text-align:right;padding-top:0.5em;
}

.koe p{color: #666;}

section > section.koe{margin:0;}

/*---------------------
　Neo_table
---------------------*/
.neo_table{
	color:#666;
	border:solid 1px #999;
	border-collapse:collapse;
	border-spacing:1px;
	margin-bottom:15px;
	width:100%;
}
.neo_table caption{
	font-size:16px;font-size:1.6rem;	padding:1em 0em 0.5em 0.25em;
	text-align:left;
}
.neo_table th{
padding:5px;
border:solid 1px #999;color:#333;
font-weight:normal;
font-size:14px;font-size:1.4rem;text-align:left;
background-color:#e9e4d4;
vertical-align:middle;
line-height:1.6;
background-image:url(../img/bg/bg_th.jpg);
}
.neo_table thead tr th{
	text-align:center;
}

.neo_table tr:nth-child(1) th{text-align:center;}
.neo_table tr th:nth-child(1){text-align:center;}

.neo_table td{
padding:5px;
border:solid 1px #999;color:#333;
font-size:14px;font-size:1.4rem;line-height:1.6;
vertical-align:middle;
}

/*---------------------
　情報テーブル（学校基本情報より）
---------------------*/
table.info{
	border-collapse:collapse;
	width:100%;
	margin:10px auto 20px auto;
}
table.info colgroup.col1{width:20%;}
table.info colgroup.col2{width:80%;}

.info tr:nth-child(1) th{border-top:#82ae46 4px solid;}
.info tr:nth-child(1) td{border-top: #ccc 4px solid;}

.info th {
	background-color:#efefef;
	background-image:none;
	border: 1px solid #dcdddd;
	border-bottom: #e3e3e3 1px dotted;
	font-size:14px;font-size:1.4rem;	text-align: left;
	padding: 7px;
	font-weight: normal;
	line-height:1.5;
}

.info td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 7px;
	border: 1px solid #dcdddd;
	font-size:14px;font-size:1.4rem;
	line-height:1.5;
}
.info td p{
	padding:0 0 0 0;
	line-height:1.5;
	font-size:14px;font-size:1.4rem;	
}
a.map_url{
	padding-right:30px;
	background:url(../img/icn/mapin.png) no-repeat right center;
}

/*---------------------
　forkids
---------------------*/
.forkids p{font-size:16px;font-size:1.6rem;}

/*---------------------
　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-color:#432f2f;;
}
footer a{text-decoration:none;color:#fff;}
/*---------------------
　totop
---------------------*/
#totop{
	position: fixed;
	bottom: 0px;
	right: 2px;
	opacity:0.9;
}
#totop:hover{cursor:pointer}
/*---------------------
　デザイン系
---------------------*/


sub{font-size:12px;font-size:1.2rem;;vertical-align:baseline;}
sub:before,sup:before{content:" ";font-size:0.05em;}
sub:after,sup:after{content:" ";font-size:0.2em;}
h2 sub{font-size:14px;font-size:1.4rem;}
sup{font-size:12px;font-size:1.2rem;;}

/*--------------------- メディアクエリ 768------------------------*/
@media screen and (max-width:768px){/*768(＝ipad)はPC表示*/
	#slide,#wrap,div#header,#left,#right{width:100%;min-width:100%;}
	#bnr_rt{display:none;}
	.slick-prev {left: 0px;}
	.slick-next {right: 0px;}
	.slick-prev:before, .slick-next:before {color:#ccc;font-size:14px;}
	#furano{display:none;}
#ads_top{display:none;}
	header{width:100%;}
	nav#pan_navi div{width:100%;}
	nav#line_menu div{width:100%;}
	footer div{width:100%;}
	#btnhead{display:inline-block;}

	#logo img{height:60px;width:300px;}
	#shoulder{font-size:12px;font-size:1.2rem;}
	nav#line_menu{display:none;}
	nav#line_menu div{width:100%;}
	nav#line_menu ul li{
		width:171px;
		margin:5px;
		padding:8px 0;
	}
	img.s_img{
		float:none;
	}
	

#left,#right{width:100%;margin-left:0;}
h1{padding-left:0.35em;line-height:1.35;}
h1:before{background:none;}
h1 span{display:block;font-size:18px;font-size:1.8rem;}
section{padding:10px 10px 10px 10px;width:100%;}
section.koe{width:96%;margin:0px auto 20px auto;}
nav#page_index{width:96%;margin:0px auto 20px auto;}
div.side{width:96%;margin:0 auto;}


	.ich-dan div{
		margin:10px auto;
		width:96%;
		float:none;
	}
	.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;
	}
	#ads_btm{margin:0 3px;}
}
/*--------------------- メディアクエリ 414------------------------*/
@media screen and (max-width:414px){

	nav#line_menu div ul li{width:197px;}
	#logo{font-size:24px;font-size:2.4rem;;} #logo span{font-size:18px;font-size:1.8rem;}
	section{width:100%}

}
/*--------------------- メディアクエリ 375------------------------*/
@media screen and (max-width:375px){
	#logo{background-image:none;padding-left:0;}
	nav#line_menu div ul li{
		width:177px;
	}
}
/*--------------------- メディアクエリ 320------------------------*/
@media screen and (max-width:320px){
	#logo{
		font-size:20px;font-size:2rem;		padding:14px 0px 14px 0px;
	} 
	#logo span{font-size:14px;font-size:1.4rem;}
	nav#line_menu div ul li{
		width:97%;
	}
}

/*--------------------- デザイン　------------------------*/
.px10{font-size:10px;font-size:1rem;}
.px12{font-size:12px;font-size:1.2rem;}
.px14{font-size:14px;font-size:1.4rem;}
.tyu{
	text-indent:-1.0em;
	padding-left:1.0em;
	color:#999;
	font-size:14px;font-size:1.4rem;	line-height:1.5;
}