/*-------------------------------------
 fonts
---------------------------------------*/
@font-face {
  font-family: 'wakaicon';
  src:  url('../fonts/wakaicon.eot?2is4cu');
  src:  url('../fonts/wakaicon.eot?2is4cu#iefix') format('embedded-opentype'),
    url('../fonts/wakaicon.ttf?2is4cu') format('truetype'),
    url('../fonts/wakaicon.woff?2is4cu') format('woff'),
    url('../fonts/wakaicon.svg?2is4cu#wakaicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'wakaicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pos:before {
  content: "\e900";
}
.icon-surala:before {
  content: "\e909";
}
.icon-smart-i:before {
  content: "\e903";
}
.icon-mail:before {
  content: "\e901";
}
.icon-notebook:before {
  content: "\e902";
}
.icon-pencil:before {
  content: "\e904";
}
.icon-teachers:before {
  content: "\e905";
}
.icon-school:before {
  content: "\e906";
}
.icon-flow:before {
  content: "\e907";
}
.icon-record:before {
  content: "\e908";
}
.icon-home:before {
  content: "\e90a";
}
.icon-phone:before {
  content: "\e942";
}
.icon-location:before {
  content: "\e947";
}
.icon-display:before {
  content: "\e956";
}
.icon-menu3:before {
  content: "\e9bf";
}

.fa{padding-right:0.2em;}

.text-icon{font-size:3em;}

/*-------------------------------------
 link
---------------------------------------*/
.hover img:hover{background-color:rgba(255,255,255,0.5);}

.deco-none{text-decoration:none !important;}
.deco-none a{text-decoration:none !important;}


#main .linkbox .btn{margin-top:-1px;border-radius:0;}
#main .linkbox a{text-decoration:none;text-align:left;}

#pagetop{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:5000;
	}
#pagetop a{
	margin-right:2em;
	width:2em;
	height:2em;
	line-height:1.8em;
	font-size:1.8em;
	background:rgba(122,185,41,0.8);
	color:#fff;
	text-align:center;
	display:block;
	border:1px solid #fff;
	border-radius:50%;
	opacity:0.5;
	}
#pagetop a:hover{background-color:#e4f1d4;text-decoration:none;}

/*-------------------------------------
 header
---------------------------------------*/
.mainimage{background-color:#7ab929;color:#fff;width:100%;}
.mainimage .container{padding-top:73px;padding-bottom:73px;}

.mainimagebox{
	      width:100%;
	      background:url('../img/back-tablet.jpg') center center no-repeat;
	      background-size:cover;
	      }
.mainimagebox .container{padding-top:73px;padding-bottom:73px;}

.fixed-sub {
    position: fixed;
    top: 0;
    width: 100%;
    margin-top:0;
    padding-top:0;
    z-index:1000;
}
.fixed-sub div{padding:0;}
.fixed-sub .submenu-list{padding:auto;border:none;box-shadow:none;}
.fixed-sub .submenu-list ul li a{}



header .container{padding-right:0;padding-left:0;}

.header-info{margin:0;height:15px;background-color:transparent;}
.header-info h1{margin:0 auto;padding-top:3px;width:100%;text-align:right;font-size:8pt;line-height:15px;color:#b2b2b2;}

[class*=headnav-] a:hover {text-decoration:none;}

.headnav{display:table;margin:0 auto 13px;padding:0;width:100%/*960px*/;height:53px;background-color:transparent;}
.headnav li{position:relative;display:table-cell;vertical-align:middle;}
.headnav li a{width:100%;}
.headnav li img{position:relative 10% 50%;padding-right:8px;}

.headnav-logo{padding:0;}
.headnav-logo a{margin-top:-10px;width:262px;height:76px;background:url(../img/header-logo.png) left no-repeat;text-indent:-5000px;}
.headnav-logo a:hover{background-color:white;}
.headnav-logo img{margin-top:-10px;height:76px;}

.headnav-pos{width:16%;margin-right:0;padding-left:6px;}
.headnav-pos a{margin-right:0;
		background:#8DC21F;
		text-align:center;
		font-size:1.2em;
		font-weight:bold;
		color:#fff;
		}
.headnav-tel {
		padding-left:6px;
		width:24%;}
.headnav-tel a{
		margin:0;
		font-weight:bold;
		font-size:1.2em;
		text-align:center;
		background:#0096dc;
		color:white;
		width:100%;
		}
.headnav-tel a:hover{background:#7fcaed;}

.headnav-seikyu {
		padding-left:6px;
		width:24%;}
.headnav-seikyu a{
		margin:0;
		font-weight:bold;
		font-size:1.2em;
		text-align:center;
		background:#009B73;
		color:white;
		width:100%;
		}
.headnav-taiken{
		padding-left:6px;
		width:24%;
		}
.headnav-taiken a{
		margin:0;
		font-weight:bold;
		font-size:1.2em;
		background:#f6921e;
		color:white;
		text-align:center;
		width:100%;
		}
.headnav-taiken a:hover{background:#f9bd78;}

.headnav-sp{display:none;}
.fixed {
    display:table;
    position: fixed;
    top: 0;
    left: 0;
    width:100%;
    margin-top:0;
    padding-top:0;
    z-index:1000;
}
.fixed div{padding:0;}
.fixed .headnav-logo{display:none;}
.fixed .btn-head{margin-top:-1px;padding:9px 10px;}

.spbtn{border:1px solid #ccc;}
.btn-head{padding:5px 10px;text-align:center;font-size:20px;line-height:1.33;}
.btn-warning{border:1px solid #f59200;}
.btn-success{border:1px solid #49a84d;}
.btn-primary{border:1px solid #0096dc;}
.btn-wakamatsu{border:1px solid #49a84d;background-color:#fff;color:#49a84d;}
.btn a{color:#49a84d;}


.gmenu li {display:table-cell;width:1%;float:none;text-align:center;}
.gmenu li a{white-space:normal;}
#spnavi{
	display: none;
}

/*-------------------------------------
 footer
---------------------------------------*/

.footup{margin:0;background:url(../img/footup-bg.png) bottom repeat-x;width:100%;height:317px;}
.footup .contents{padding-top:50px;}
.footup-copy{margin-left:-20px;text-align:left;}
.footup-link{margin:18px auto;text-align:left;}

.footbottom{margin:0 0 -50px;padding-top:30px;background:#7AB929;width:100%;}
.footbottom a{color:#fff;margin-top:1em;}

.footnav{color:#fff;}
.footnavbox{padding:0;width:20%;}
.footnav ul li{margin-left:-1em;padding-top:5px;font-size:0.8em;line-height:1em;}
.footnav a , .footnav-title a{color:#fff;}
.footnav a:hover , .footnav-title a:hover{color:yellow;}

.footnav-title{margin-bottom:0;font-size:11pt;font-weight:bold;color:#fff;}

.footnav-nosub ul{margin-bottom:0;}
.footnav-nosub ul li{padding-bottom:5px;font-size:10pt;}
.footnav-title-other{font-weight:normal;}
.footnav-title-other{font-weight:normal;list-style-type:none;}
.footnav-title-other a{margin-left:-1.3em;font-weight:normal;}
.footnav-title-other i{margin-right:0.3em;}

.copyright{margin:10px auto;font-size:0.8em;color:#fff;}

/*-------------------------------------
 table
---------------------------------------*/
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td{border-top:none;border-bottom:1px solid #ddd}

.timetable th{text-align:center;}

.table-bordered td , .table-bordered th{text-align:center;vertical-align:middle !important;}
.table-bordered .title{font-weight:bold;}

.nocell{background:url("../img/nocell.png")no-repeat;background-size:100% 100%;}

/*-------------------------------------
 decoration
---------------------------------------*/
/*PickupIcon*/
[class*=pickup-]{
		margin-right:5px;
		margin-bottom:3px;
		padding:3px;
		display:inline-block;
		border-radius:5px;
		vertical-align:middle;
		font-size:0.9em;
		}

.b-r{margin-bottom:0.8em;border-right:1px solid #ccc;}
.b-l{margin-bottom:0.8em;border-left:1px solid #ccc;}


/*-------------------------------------
 list
---------------------------------------*/
.btn{white-space:normal}

/*-----------------------
�@�w�K�̗���
----------------------*/

.nagarebox .pull-left{margin-right:8px;}
.nagarebox .pull-right{margin-left:8px;}

@media(min-width:640px){
	.nagarebox [class*=pull-]{margin-top:-3em;}
	.nagarebox [class*=pull-].nomargin{margin-top:auto;}
}

/*-----------------------
taiken
----------------------*/
#taiken img{
	width: 100%;;
}
#taiken h2{
	color: #009c73;
    border-bottom: 2px solid #009c73;
  }
  
#taiken h3 {
	color: #009c73;
	margin-top:2rem;
	margin-bottom: 2rem;
  }
  #taiken .QA .QAhead{
	display: inline-block;
	padding-right: 8px;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
	color:#fff;
	margin-right: 8px;
  }	  
  #taiken .QA .Qhead{
	background-color: #009c73;
  }
  #taiken .QA .Ahead{
	background-color: #ff704e;
  }
  
  
#taiken .QA 
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

#taiken .QA 
dl {
  width: 100%;
  padding: 10px;
}

#taiken .QA 
dt {
  margin-top: 15px;
  padding: 20px;
  position: relative;
  border:  2px solid #009c73;
  padding: 15px;
}

#taiken .QA 
dd {
  padding: 20px;
  border-radius: 10px;
  background: #fff;
}

/* #taiken .QA .cross::before,
#taiken .QA .cross::after {
  content: '';
  display: block;
  width: 15px;
  height: 3px;
  border-radius: 5px;
  background: #009c73;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
  
#taiken .QA .cross::after {
  background: #009c73;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
} */

#taiken .QA 
.active::after {
  transform: rotate(0);
  transition: 0.5s;
}
#taiken .oneday-flow h4 {
	color: black;
	text-align: left;
	line-height: 2.4rem;
}
#taiken .oneday-flow h4 span{
	color: #009c73;
	font-size: 85%;
	margin-bottom:5px;
	border-bottom:2px #009c73 solid;
}
#taiken .oneday-flow .col-xs-6{
	margin-bottom: 40px;
}
#taiken .ondeday-flow p{
	text-align: justify;
}
@media(max-width:640px){
	#taiken .oneday-flow .col-xs-6{
		padding-right: 5px;
		padding-left: 5px;
	}
	
	#pcnavi{
		display: none;
	}
	/*--ハンバーガーメニューの設定↓--*/
	#spnavi {
		display: block;
		padding:10px;
		position: fixed;
	  }
	#nav-drawer {
		position: relative;
	  }
	  
	  /*チェックボックス等は非表示に*/
	  .nav-unshown {
		display:none;
	  }
	  
	  /*アイコンのスペース*/
	  #nav-open {
		display: inline-block;
		width: 26px;
		height: 18px;
		vertical-align: middle;
	  }
	  
	  /*ハンバーガーの形をCSSで表現*/
	  #nav-open span, #nav-open span:before, #nav-open span:after {
		position: absolute;
		height: 3px;/*線の太さ*/
		width: 25px;/*長さ*/
		border-radius: 3px;
		background: #555;
		display: block;
		content: '';
		cursor: pointer;
	  }
	  #nav-open span:before {
		bottom: -8px;
	  }
	  #nav-open span:after {
		bottom: -16px;
	  }
	  
	  /*閉じる用の薄黒箇所*/
	  #nav-close {
		display: none;
		position: fixed;
		z-index: 99;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		opacity: 0;
		transition: .3s ease-in-out;
	  }
	  
	  /*メニューの中身*/
	  #nav-content {
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 80%;
		max-width: 330px;/*最大幅（お好みで調整を）*/
		height: 100%;
		background: #fff;
		transition: .3s ease-in-out;
		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);
	  }
	  #nav-content p{
		 padding: 15px;
	 }
	  
	  /*チェックがついたら表示させる*/
	  #nav-input:checked ~ #nav-close {
		display: block;
		opacity: .5;
	  }
	  
	  #nav-input:checked ~ #nav-content {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		box-shadow: 6px 0 25px rgba(0,0,0,.15);
	  }
	  
	  .header-logo-menu{
		background-color: #fff;
		padding: 15px;
		margin: 8px;
	   z-index: 999;
	   display: flex;
	   display: -moz-flex;
	   display: -o-flex;
	   display: -webkit-flex;
	   display: -ms-flex;
	   flex-direction: row;
	   -moz-flex-direction: row;
	   -o-flex-direction: row;
	   -webkit-flex-direction: row;
	   -ms-flex-direction: row;
	  }
	  .spnavi-wrap{
		  padding: 15px;
	  }
	  .spnavi-wrap li{
		line-height: 4em;
		list-style: none;
	  }
	  .spnavi-wrap li a{
		  color: black;
	  }
	  .spnavi-wrap li a:hover,
	  .spnavi-wrap li a:active{
		color: #49a84d;
		text-decoration: underline;
	}
}