@charset "utf-8";

/*//////////////////////////////////////////////////////////

Copyright (C) apricot-design All Rights Reserved.
------------------------------------------------------------
CSS information
 file name  :  layout.css
 style info :  レイアウトファイル
 admin info :  apricot-design

//////////////////////////////////////////////////////////*/


/*
0:セット
------------------------------------------------------------
*/
@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Fredericka+the+Great|Hammersmith+One|Oswald');
/*
font-family: 'Fredericka the Great', cursive;
font-family: 'Fjalla One', sans-serif;
font-family: 'Hammersmith One', sans-serif;
font-family: 'Oswald', sans-serif;
*/
@font-face {
  font-family: "fontawesome";
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot?#iefix') format('eot'),
       url('../fonts/fontawesome-webfont.woff') format('woff'),
       url('../fonts/fontawesome-webfont.ttf') format('truetype'),
       url('../fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

html,body{
	width: 100%;
	min-width: 1100px;
}
@media screen and (max-width: 1100px){
	html,body{
		min-width: 100%;
	}
}
body {
	font-family: "メイリオ",Meiryo,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	color: #4c1815;
	font-size: 14px;
	line-height: 180%;
	text-align: left;
	letter-spacing: 1px;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}
.win body {
	font-family: "メイリオ",Meiryo,"Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
}
a, a:link, a:active, a:visited {
	text-decoration: underline;
	color: #4d90fe;
	transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
}
a:hover {
	color: #ac875b;
}
a:focus {
	outline: none;
}
a:hover, a:active {
	outline: 0;
}
.opacity:hover{
	-moz-opacity:0.5;
	-ms-opacity:0.5;
	-webkit-opacity:0.5;
	opacity:0.5;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
	

/*
1：全体のレイアウト
------------------------------------------------------------
*/
#containerWrap {
	border-top:15px solid #133377;
}
header {
	clear:both;
}
.headerBox {
	width: 1100px;
    padding: 10px 0px;
    margin: 0 auto 0;
    overflow: hidden;
    clear: both;
    background: url(../images/icon_castle.png) no-repeat 98% 35px;
}
#headerLeft {
	float: left;
	    padding: 5px 0 0;
	margin: 0 0 0 0;
	width: 50%;
}
#headerRight {
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 49%;
}
.topHeadContent{
	width: 50%;
    padding: 30px 5% 30px 30px;
    position: absolute;
    bottom: 30px;
    right: 0;
    z-index: 1;
    line-height: 1.8;
    background: url(../images/topheadcontentBg.png) repeat;
    box-sizing: border-box;
}
.topHeadContent::before{
	content: '';
    position: absolute;
    top: 0;
    left: -130px;
    display: block;
    width: 150px;
    height: 100%;
    background: url(../images/headcontentline.png) repeat-y;
}
.topHeadContent li{
	font-family: "游明朝", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 178%;
	font-weight: 700;
	color: #001b78;
	text-align: right;
}
.topHeadContent .blueberry .pager{
	display: none;
}

#container {
	overflow: hidden;
	clear:both;
	width: 100%;
	margin: 0 auto;
}
#content {
	padding: 0 0 0 0;
	margin: 0 auto;
	width: 100%;
	position: relative;
}
#sideNavWrap{
	position: relative;
    z-index: 2;
    padding: 10px 60px 0;
    margin: 0 auto -10px;
    max-width: 1100px;
}
#main {
	float: left;
	width: 850px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: both;
	overflow: hidden;
}
#sub {
	float: right;
	width: 200px;
	padding: 25px 0 0 0;
	margin: 0 0 0 0;
	overflow: hidden;
}
#fixBox{
	width: 200px;
}
#sideNav {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	padding: 25px 0 0 0;
	margin: 0 0 0 0;
	overflow: hidden;
}
#footerWrap {
	clear: both;
	width: 100%;
	padding: 30px 0;
	background: #c70920 url(../images/pattern.png) repeat;
	overflow: hidden;
}
.fTopInner{
	width: 1100px;
	margin: 0 auto;
	padding: 10px 0;
	overflow: hidden;
	background: url(../images/icon_castle.png) no-repeat right 0;
}
#footer {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	clear:both;
}
#footerTop{
	padding: 0;
	background: #f0f0f0;
}
#footerTopLeft{
	float: left;
	width: 50%;
}
#footerTopRight{
	float: Right;
	width: 50%;
}
.footerBox {
	width: 100%;
	overflow: hidden;
}
.fBox{
	float: left;
	margin: 0 27px 0 0;
	overflow: hidden;
}
.fBox.lastChild{
	margin: 0;
}
.fTi{
	color: #fff;
	border:1px solid #fff;
	text-align: center;
	margin: 0 0 15px;
	padding: 10px 0;
}
.section {
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
}
.sectionC {
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
	text-align:center;
}
.sectionW {
	padding: 60px 0;
	clear: both;
	overflow: hidden;
}
.sectionWtop20 {
	padding: 20px 0 60px;
	clear: both;
	overflow: hidden;
}
.sectionWtop30 {
	padding: 30px 0 60px;
	clear: both;
	overflow: hidden;
}
.sectionGry {
	padding: 60px 0;
	background: #f0f0f0;
	clear: both;
	overflow: hidden;
}
.sectionPale {
	padding: 45px 0;
	background: #fdf1e5;
	clear: both;
	overflow: hidden;
}
.sectionTex {
	padding: 60px 0;
    background: url(../images/textureBg.jpg) repeat;
    clear: both;
    overflow: hidden;
}
.sideSection {
	width: 100%;
	margin-bottom: 30px;
}
.sideContact {
	text-align: center;
	margin-bottom: 30px;
}
.inner{
	width: 1100px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.innerLeft{
	width: 1100px;
	margin: 0 auto;
	padding: 0 250px 0 0;
	position: relative;
	box-sizing: border-box
}
.inner900{
	width: 900px;
	margin: 0 auto;
	position: relative;
}
.innerOverall{
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width:1100px){
	.innerOverall{
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
}

/*
4:ナビゲーション系
------------------------------------------------------------
*/
#gnavi {
	height: 50px;
	margin: 0px auto;
	clear: both;
	text-align: center;
	background: #c70920 url(../images/gnaviBg.png) repeat;
}
#gnavi > ul{
	width: 1100px;
	margin: 0 auto;
    letter-spacing: -0.4em;
}
#gnavi > ul > li {
	float: left;
	margin: 0;
	padding: 16px 27px;
	text-align: center;
	font-size: 123%;
	position: relative;
	line-height: 1;
    letter-spacing: 0.01em;
    /* border-right: 1px solid #fff; */
}
#gnavi > ul > li a{
	text-decoration: none;
}
#gnavi li img{
	vertical-align: middle;
}
#gnavi > ul > li:nth-child(1) {
	padding-left: 0;
}
/*
#gnavi > ul > li:nth-child(2) {
	background: url(../images/gicon02.png) no-repeat left center !important;
}
#gnavi > ul > li:nth-child(3) {
	padding-right: 35px;
	background: url(../images/arrow_down.png) no-repeat 93% center,url(../images/gicon03.png) no-repeat left center !important;
}
#gnavi > ul > li:last-child {
	background: url(../images/arrow_down.png) no-repeat 95% center !important;
	padding-left: 0px;
	padding-right: 30px;
}

#gnavi > ul > li:nth-child(2):hover {
	background: url(../images/gicon02_on.png) no-repeat left center !important;
}
#gnavi > ul > li:nth-child(3):hover {
	background: url(../images/arrow_down.png) no-repeat 93% center,url(../images/gicon03_on.png) no-repeat left center !important;
}

#gnavi > ul > li:last-child:hover {
	background: url(../images/arrow_down.png) no-repeat 95% center !important;
}

*/
#gnavi > ul > li:last-child,#gnavi > ul > li:last-child:hover {
	background-color: #001b78 !important;
	border-right: none;
}
#gnavi > ul > li:last-child::before{
	content: '';
	position: absolute;
	top: 0;
	left: -25px;
	width: 0;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 0 solid transparent;
	border-right: 25px solid #001b78;
}
#gnavi > ul > li a{
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	border-right: 1px solid #fff;
	padding: 0 27px 0 0;
	text-decoration: none;
}
#gnavi > ul > li:nth-child(3) a{
	padding-right: 20px;
}
#gnavi > ul > li a:hover{
	color:#ffff69;
}
#gnavi > ul > li:nth-last-child(2) a{
	border-right: none;
}
#gnavi > ul > li:last-child {
    float: right;
}
#gnavi > ul > li:last-child a{
	border-right: none;
	padding: 0;
}
ul.gsubnavi{
	display: none;
	width: 104%;
	position: absolute;
	left: -30px;
	top: 49px;
	padding: 0 15px;
	box-sizing: border-box;
	background: #c70920 url(../images/gnaviBg.png) repeat;
	z-index: 9;
}
ul.gsubnavi li{
	display: block;
    padding: 15px 0;
    font-size: 80%;
    text-align: left;
	border-bottom: 1px solid #fff;
}
ul.gsubnavi li:last-child{
	border-bottom: none;
}
ul.gsubnavi li a{
	border: none !important;
	display: block;
	width: 100%;
	padding: 0 0 0 13px !important;
	box-sizing: border-box;
	background: url(../images/arrow_wbigright.png) no-repeat left center;
	background-size: auto 15px;
}
.gnavifixed{
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
}
.gicon01{ background: url(../images/gicon01.png) no-repeat; }
.gicon02{ background: url(../images/gicon02.png) no-repeat; }
.gicon03{ background: url(../images/gicon03.png) no-repeat; }
.gicon04{ background: url(../images/gicon04.png) no-repeat; }
.gicon05{ background: url(../images/gicon05.png) no-repeat; }
.gicon06{ background: url(../images/gicon06.png) no-repeat; }
.gicon07{ background: url(../images/gicon07.png) no-repeat; }
.gicon08{ background: url(../images/gicon08.png) no-repeat; }
.gicon09{ background: url(../images/gicon09.png) no-repeat; }
.gicon10{ background: url(../images/gicon10.png) no-repeat; }
.gicon11{ background: url(../images/gicon11.png) no-repeat; }
.gicon12{ background: url(../images/gicon12.png) no-repeat; }
.gicon13{ background: url(../images/gicon13.png) no-repeat; }
.gicon14{ background: url(../images/gicon14.png) no-repeat; }
.gicon01:hover{ background: url(../images/gicon01.png) no-repeat; }
.gicon02:hover{ background: url(../images/gicon02_on.png) no-repeat; }
.gicon03:hover{ background: url(../images/gicon03_on.png) no-repeat; }
.gicon04:hover{ background: url(../images/gicon04_on.png) no-repeat; }
.gicon05:hover{ background: url(../images/gicon05_on.png) no-repeat; }
.gicon06:hover{ background: url(../images/gicon06_on.png) no-repeat; }
.gicon07:hover{ background: url(../images/gicon07_on.png) no-repeat; }
.gicon08:hover{ background: url(../images/gicon08.png) no-repeat; }
.gicon09:hover{ background: url(../images/gicon09.png) no-repeat; }
.gicon10:hover{ background: url(../images/gicon10.png) no-repeat; }
.gicon11:hover{ background: url(../images/gicon11.png) no-repeat; }
.gicon12:hover{ background: url(../images/gicon12.png) no-repeat; }
.gicon13:hover{ background: url(../images/gicon13.png) no-repeat; }
.gicon14:hover{ background: url(../images/gicon14.png) no-repeat; }
.gicon01,.gicon01:hover,
.gicon02,.gicon02:hover,
.gicon03,.gicon03:hover,
.gicon04,.gicon04:hover,
.gicon05,.gicon05:hover,
.gicon06,.gicon06:hover,
.gicon07,.gicon07:hover,
.gicon08,.gicon08:hover,
.gicon09,.gicon09:hover,
.gicon10,.gicon10:hover,
.gicon11,.gicon11:hover,
.gicon12,.gicon12:hover,
.gicon13,.gicon13:hover,
.gicon14,.gicon14:hover{
	background-size: auto 18px;
    background-position: left 14px;
}



.logo {
	padding: 21px 0 0;
	text-align:left;
}
ul.snsNavi{
	float: right;
}
ul.snsNavi li{
	float: left;
	margin: 0 0 0 5px;
}
ul.hNavi {
	float: right;
  width: 100%;
  letter-spacing: -0.5em;
  margin: 10px 0 0;
	position: relative;
}
ul.hNavi li {
	display: inline-block;
  font-size: 92%;
  text-align: center;
  letter-spacing: normal;
  width: 50%;
  vertical-align: top;
	line-height: 1.2;
}
.fjalla{
	font-family: 'Fjalla One', sans-serif;
}
.telTop{
	font-size: 83%;
    font-weight: 700;
    display: block;
    margin: 0 0 -18px;
}
.telMiddle{
	font-family: 'Fjalla One', sans-serif;
	font-size: 214%;
	letter-spacing: 2px;
}
.telBottom{
	font-size:83%;
}
.gsc-control-cse,
#___gcse_0{
	float: right;
	padding: 0 !important;
	background: inherit !important;
	border: none !important;
	width: 300px !important;
	position: relative;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    position: absolute;
    top: 4px;
    right: 10px;
    background: url(../images/searchicon.png) no-repeat !important;
	border:none !important;
	padding: 10px !important;
	width: 0 !important;
	height: 0!important;
}
.gsc-branding, .gcsc-branding{
	display: none !important;
}


ul.fNavi {
	float: right;
  width: 100%;
  letter-spacing: -0.5em;
  margin: 10px 0 0;
	position: relative;
}
ul.fNavi li {
	display: inline-block;
  font-size: 92%;
  text-align: center;
  letter-spacing: normal;
  width: 50%;
  vertical-align: top;
	line-height: 1.2;
}


ul.fList{
	margin: 0 0 -10px 0;
}
ul.fList li{
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	background: url(../images/arrow_flist.png) no-repeat left 5px;
}
ul.fList li a{
	text-decoration: none;
	color: #fff;
	transition: all .3s;
}
ul.fList li a:hover{
	color: #a3ccff;
}
	
/*
5:div
------------------------------------------------------------
*/

.leftCol {
	float:left;
	padding: 2%;
	width: 46%;
}
.rightCol {
	float:right;
	padding: 2%;
	width: 46%;
}
.leftSchoolCol {
	float:left;
	width: 47%;
}
.rightSchoolCol {
	float:right;
	width: 47%;
}
.leftBox {
	float: left;
	padding: 2%;
	width: 46%;
}
.rightBox {
	padding: 2%;
	width: 46%;
	float: right;
}
.leftBox600{
	width: 600px;
	float: left;
	overflow: hidden;
}
.rightBox350{
	width: 350px;
	float: right;
	overflow: hidden;
}
.leftBox340{
	width: 31%;
	float: left;
	overflow: hidden;
}


.rightBox735{
	width: 67%;
	float: right;
	overflow: hidden;
}
.leftBox735{
	width: 67%;
	float: left;
	overflow: hidden;
}
.rightBox340{
	width: 31%;
	float: right;
	overflow: hidden;
}
.leftBox340 p,.rightBox735 p,.leftBox735 p,.rightBox340 p{
	margin: 0 0 20px;
}
.topBoxWrap {
    display: flex;
    justify-content: space-between;
    margin: 0 0 60px;
}
.topLeftBox{
	width: 460px;
	float: left;
	padding: 30px 35px 100px 35px;
	margin: 0;
	box-sizing: border-box;
	position: relative;
	border: 1px dashed #000;
}
.topRightBox{
	width: 600px;
	float: right;
	padding: 35px 35px 100px;
	box-sizing: border-box;
	position: relative;
	border: 1px dashed #000;
}
.pickupschoolBox{
	width: 1045px;
	height: 220px;
	margin: 0 auto;
	padding: 30px;
	box-sizing: border-box;
	background: #fdf1e5;
	overflow: hidden;
	border: 1px solid #fff;
}
.pickupschoolBox a{
	text-decoration: none;
}
.pickupschoolBox dt{
	float: left;
	clear:both;
	margin: 0 20px 0 0;
	width: 24%;
	height: 160px; 
	overflow: hidden;
}
.pickupschoolBox dd{
	overflow: hidden;
}
.rightMoveBox{
	float: right;
	border: 3px solid #001a77;
	margin: 0 0 20px 20px;
}
.rightMoveBox > iframe{
	vertical-align: bottom;
}
.leftContact{
	width: 60%;
    float: left;
    padding: 8px 0 0;
}
.rightContact{
	width: 40%;
	float: right;
}
.leftContact2{
	width: 57%;
    float: left;
}
.rightContact2{
	width: 43%;
	float: right;
}
.flow table {
	width: 100%;
}
.flow table caption{
	color: #001b78;
	font-size: 128%;
	font-weight: 700;
	margin: 0 0 15px;
	text-align: left;
}
.flow table tr.bg_pink{
	padding: 10px 0;
	background: #efe8e4;
	text-align: center;
}
.flow table tr.bg_pink td{
	padding: 1.5% 2%;
	text-align: center;
}
.flow table tr.arrow{
	padding: 20px 0;
	background: url(../images/arrow_flow.png) no-repeat center;
	text-align: center;
}
.flow table tr.arrow td{
	padding: 20px 0;
}
.ate {
	padding:15px;
	border: 1px dotted #1d1d1d;
}
.box {
	padding: 15px;
	background: #F7F7F7;
}
.borderBox{
	border: 1px solid #000;
	padding: 15px;
	margin: 0 0 20px;
}
.mainImg {
	position: relative;
	height: 380px;
	overflow: hidden;
}
.map {
	padding: 20px 0;
}
.gryBox{
	padding: 3%;
	margin: 0 0 20px 0;
	background: #f5f5f5;
}
.whitebox{
	padding: 3%;
	background:#fff;
	overflow: hidden;
}
.yebox{
	padding: 3%;
	background:#fbfbe5;
	overflow: hidden;
}
.pickupBox{
	border: 2px solid #da6a9b;
	padding: 1.5% 3%;
	margin-bottom:20px;
}
.brownBoBox{
	padding: 5%;
	background: url(../images/textureBg.jpg) repeat;
	overflow: hidden;
	border: 1px solid #5e302d;
}
.middleBox{
	text-align: center !important;
}
.voiceBox{
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-left: 1px dashed #000;
	border-right: 1px dashed #000;
	border-bottom: 1px dashed #000;
}


/*
6:ul
------------------------------------------------------------
*/
ul.bnrList {
	margin: 0 -30px -15px 0;
	overflow:hidden;
}
ul.bnrList li {
	width: 485px;
	width: calc(100% / 2 - 30px);
	float:left;
	margin: 0 30px 15px 0;
}
ul.infoList {
	padding: 0;
	padding: 8px 0 0;
}
ul.infoList li {
	background: url(../images/arrow_brright.png) no-repeat 5px 4px;
	border-bottom: 1px dashed #ac875b;
	text-decoration:none;
	padding: 0 0 8px 20px;
	margin: 0 0 10px;
	line-height: 1.5;
	overflow: hidden;
}
ul.infoList li span:nth-child(2){
	overflow: hidden;
    display: block;
}
ul.infoList li:hover {
	background: url(../images/arrow_brright.png) no-repeat 5px 4px;
}
ul.infoList li a{
	text-decoration: underline;
	transition: all .3s;
}
ul.infoList li a:hover{
	color: #ac875b;
}
ul.basicList {
	margin-bottom: 2em;
}
ul.basicList li {
	padding: 0 0 5px 20px;
	background:#FFF url(../images/righty.png) no-repeat 5% center;
	text-decoration:none;
	background-size: 10px;
	margin-bottom: 5px;
}
ul.photo {
	clear:both;
	margin-right: -2%;
	overflow: hidden;
	letter-spacing: -0.5em;
}
ul.photo li {
	width: 22%;
	margin-right: 2%;
	margin-bottom: 2%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
ul.photo li img {
	width: 100%;
	height: auto;
}
ul.photoList {
	clear:both;
}
ul.photoList li {
	display: inline-block;
	margin: 0 20px 0 0;
	width: 230px;
	line-height: 1.6em;
}
ul.photoList li img {
	width: 100%;
	height: auto;
}
ul.photoList2 {
	clear:both;
	margin-right: -2%;
}
ul.photoList2 li {
	float:left;
	margin-right: 2%;
	margin-bottom: 30px;
	width: 23%;
	line-height: 1.6em;
}
ul.photoList2 li img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
ul.photoList3 {
	clear:both;
	margin-right: -30px;
}
ul.photoList3 li {
	float:left;
	margin-right: 30px;
	margin-bottom: 30px;
	width: 230px;
	line-height: 1.6em;
}
ul.photoList3 li img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

ul.subList {
	margin-bottom: 30px;
	margin-right: -2%;
}
ul.subList li {
	float:left;
	width: 18%;
	margin-right: 2%;
}
ul.subList li img {
	width: 100%;
	height: auto;
}

ul.briefingList{
	overflow: hidden;
	margin: 0 -3% 3% 0;
}
ul.briefingList li{
	overflow: hidden;
	padding: 0;
	float: left;
	width: 47%;
}
ul.briefingList2{
	overflow: hidden;
	margin: 0 0 -5px 0;
}
ul.briefingList2 li{
	width: 100% !important;
    border: none !important;
    overflow: hidden;
    margin: 0 0 5px 0;
    padding: 0 !important;
}
ul.briefingBottomList{
	margin: 0 0 18px 0;
	letter-spacing: -0.5em;
}
ul.briefingBottomList li{
	width: 50%;
	border-right:1px dashed #133377;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	box-sizing: border-box;
}
ul.briefingBottomList li:last-child{
	border-right: none;
	padding: 0 0 0 20px;
}
ul.topMenuList4{
	overflow: hidden;
	margin: 0 -2% -2% 0;
	letter-spacing: -0.5em;
}
ul.topMenuList4 li{
	width: 23%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin: 0 2% 2% 0;
	padding: 30px 15px 15px;
	letter-spacing: normal;
	box-sizing: border-box;
	background: #fdf1e5;
	min-height: 390px;
	position: relative;
}
ul.topMenuList4 > li:nth-child(1)::after,ul.topMenuList4 > li:nth-child(2)::after,ul.topMenuList4 > li:nth-child(3)::after,ul.topMenuList4 > li:nth-child(4)::after,ul.topMenuList4 > li:nth-child(5)::after,ul.topMenuList4 > li:nth-child(6)::after,ul.topMenuList4 > li:nth-child(7)::after,ul.topMenuList4 > li:nth-child(8)::after{
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 0;
}
ul.topMenuList4 > li:nth-child(1)::after{
	content: url(../images/info01.png);
}
ul.topMenuList4 > li:nth-child(2)::after{
	content: url(../images/info02.png);
}
ul.topMenuList4 > li:nth-child(3)::after{
	content: url(../images/info03.png);
}
ul.topMenuList4 > li:nth-child(4)::after{
	content: url(../images/info04.png);
}
ul.topMenuList4 > li:nth-child(5)::after{
	content: url(../images/info05.png);
}
ul.topMenuList4 > li:nth-child(6)::after{
	content: url(../images/info06.png);
}
ul.topMenuList4 > li:nth-child(7)::after{
	content: url(../images/info07.png);
}
ul.topMenuList4 > li:nth-child(8)::after{
	content: url(../images/info08.png);
}
ul.topMenuList4 li a{
	text-decoration: none;
	transition: all .3s;
}
ul.topMenuList4texture{
	overflow: hidden;
	margin: 0 -2% -2% 0;
	letter-spacing: -0.5em;
}
ul.topMenuList4texture li{
	width: 23.5%;
	width: calc(100% / 4 - 2%);
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin: 0 2% 2% 0;
	padding: 50px 10px 20px;
	background: #fff url(../images/listicon.png) no-repeat center 19px;
	letter-spacing: normal;
	box-sizing: border-box;
}
ul.topMenuList4texture li a{
	text-decoration: none;
	display: block;
	transition: all .3s;
}
ul.topPlanList{
	overflow: hidden;
	margin: 0 -3% -3% 0;
	letter-spacing: -0.5em;
}
ul.topPlanList li{
	width: 21%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin: 0 4% 3% 0;
	letter-spacing: normal;
	box-sizing: border-box;
}
ul.topPlanList li a{
	display: block;
	text-decoration: none;
	color: #4c1815;
	transition: all .3s;
}
ul.topPlanList li a:hover{
	color: #e3a361;
}
ul.topPlanList li p.Ti{
	color: #c70920;
	font-size: 128%;
	font-weight: 700;
	margin: 0 0 10px 0;
	text-align: center;
	transition: all .3s;
}
ul.topPlanList li a:hover p{
	color: #e3a361;
}
ul.topPlanList li dt{
	width: 180px;
	height: 180px;
	border-radius: 50%;
	margin: 0 auto 15px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
ul.topPlanList li a dt img{
	width: 180px;
	height: 180px;
	border-radius: 50%;
	overflow: hidden;
	transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
ul.topPlanList li a:hover dt img{
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
ul.schoolList{
	margin: 0 -1.51% 0 0;
	letter-spacing: -0.5em;
}
ul.schoolList li{
	width: 31.8%;
	margin: 0 1.51% 3% 0;
	padding: 2% 2% 0.8%;
	display: inline-block;
	letter-spacing: normal;
	background: #fff;
	vertical-align: top;
	box-sizing: border-box;
	
}
ul.schoolList li a{
	color: #666;
	text-decoration: none;
}
.schoolComment{
	margin: 0 0 10px;
	padding: 0 0 0 50px;
	color: #001b78;
	font-size: 114%;
	font-weight: 700;
	height: 50px;
	background: url(../images/icon_chickschool.png) no-repeat left center;
	overflow: hidden;
	transition: all .5s;
}
a:hover p.schoolComment{
	color: #ac875b;
}
ul.schoolList li a p.schoolTi{
	color: #001b78;
	font-size: 121%;
	font-weight: 700;
	height: 55px;
	border-bottom:1px solid #4c1815;
	transition: all .5s;
}
ul.schoolList li a:hover p.schoolTi{
	color: #ac875b;
}
ul.schoolList li a p.schoolTi2{
	font-size: 85%;
	border-bottom:1px solid #4c1815;
	margin: 0 0 10px;
	padding: 5px 0 0;
	line-height: 1.8;
}
ul.schoolList li dl{
	overflow: hidden;
}
ul.schoolList li dt{
	height: 190px;
	margin: 0 0 10px 0;
	overflow: hidden;
}
ul.schoolList li dd{
	overflow: hidden;
}
ul.schoolList li table{
	width: 100%;
	table-layout: fixed;
}
ul.schoolList li th{
	background: #eeeeef;
	border-right: 5px solid #fff;
	text-align: center;
}
ul.schoolList li th:last-child{
	border-right: none;
}
ul.schoolList li td{
	text-align: center;
}

ul.schoolSimpleList{
	margin: 0 -2% -1% 0;
	letter-spacing: -0.5em;
}
ul.schoolSimpleList li{
	width: 48%;
	margin: 0 2% 1% 0;
	display: inline-block;
	letter-spacing: normal;
	background: #fff;
	vertical-align: top;
	box-sizing: border-box;
}
ul.schoolSimpleList li a{
	display: block;
	padding: 2%;
	color: #666;
	text-decoration: none;
}
ul.schoolSimpleList li dt{
	width: 25%;
	height: 80px;
	overflow: hidden;
	float: left;
	margin: 0 20px 0 0;
}
ul.schoolSimpleList li dd{
	overflow: hidden;
}
ul.schoolSimpleList li dd p.schoolComment{
	font-size: 90%;
	background-size: auto 40px;
}
ul.schoolSimpleList li a p.schoolTi{
	color: #001b78;
	font-size: 121%;
	font-weight: 700;
	height: 55px;
	margin: 0;
	border-bottom: 1px solid #ccc;
	transition: all .5s;
}
ul.schoolSimpleList li a:hover p.schoolTi{
	color: #ac875b;
}


ul.pointList{
	margin: 0 -2% 10px 0;
	letter-spacing: -0.5em;
}
ul.pointList li{
	color: #fff;
	border: 1px solid #dde4ee;
	background: #819ec3;
	width: 32%;
	width: calc(100% / 3 - 2%);
	display: inline-block;
	vertical-align: middle;
	margin: 0 2% 0 0;
	padding: 5px 0;
	text-align: center;
	border-radius: 0;
	box-sizing: border-box;
	letter-spacing: normal;
}
ul.sideMenuList li{
	border-bottom: 1px solid #e2d6cf;
}
ul.sideMenuList li:last-child{
	border-bottom: none;
}
ul.sideMenuList li a{
	padding: 10px 15px 10px 25px;
	display: block;
	background: #efe8e4 url(../images/arrow_brright.png) no-repeat 15px 15px;
	text-decoration:none;
}
ul.sideMenuList li a:hover{
	background: #fff url(../images/arrow_brright.png) no-repeat 15px 15px;
	text-decoration:none;
}
ul.pagenationList{
	margin: 50px 0 20px;
	letter-spacing: -0.5em;
}
ul.pagenationList li{
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	width: 33%;
	width: calc( 100% / 3 )
}
ul.pagenationList li a{
	text-decoration: underline;
}
ul.pagenationList li.prev{
	text-align: left;
}
ul.pagenationList li.middle{
	text-align: center;
}
ul.pagenationList li.next{
	text-align: right;
}
ul.indexList{
	margin: 0 0 -10px 0;
	letter-spacing: -0.5em;
}
ul.indexList li{
	margin: 0 0 0 0;
	padding:0 10px 10px 8%;
	width: 50%;
	font-size: 115%;
	display:inline-block;
	box-sizing: border-box;
	letter-spacing: normal;
	vertical-align: top;
}
ul.indexList li a{
	text-decoration:underline;
}
ul.colList{
}
ul.colList li{
	margin: 0 0 25px;
}
ul.colList li a{
	padding: 2%;
	display: block;
	border:1px solid #ac875b;
	text-decoration: none;
	transition: all .3s;
}
ul.colList li a:hover{
	background: #fff7ec;
	border:1px solid #ac875b;
}
ul.directionList{
	overflow: hidden;
	margin: 0 -3% 0 0;
	letter-spacing: -0.5em;
}
ul.directionList li{
	overflow: hidden;
	margin: 0 3% 3% 0;
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	width: 30.33%;
}
ul.directionList li dt{
	margin: 0 0 10px;
	overflow: hidden;
	text-align: center;
}
ul.directionList li dd{
	overflow: hidden;
}
ul.dotBorderList{
	overflow: hidden;
}
ul.dotBorderList li{
	border: 1px dashed #000;
	background: #fff;
	padding: 2% 3%;
	margin: 0 0 20px;
	overflow: hidden;
}
ul.schoolExperiencesList br{
	display: none;
}
ul.schoolExperiencesList li{
	margin: 0 0 20px;
	overflow: hidden;
}
ul.schoolExperiencesList li > p{
	display: none;
}
ul.schoolExperiencesList li a{
	color: #4c1815;
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 15px;
	border: 1px solid #c70920;
	box-sizing: border-box;
	overflow: hidden;
}
ul.schoolExperiencesList li a:hover{
	color: #ac875b;
	border: 1px solid #ffcad0;
}
ul.schoolExperiencesList li dt{
	float: left;
	clear: both;
	width: 30%;
	margin: 0 15px 0 0;
	overflow: hidden;
	text-align: center;
}
ul.schoolExperiencesList li dd{
	overflow: hidden;
}


/*
7:dl
------------------------------------------------------------
*/
dl.qa {
	overflow:hidden;
	clear:both;
}
dl.qa dt {
	background: url(../images/q.png) no-repeat 0 0;
	padding-left: 60px;
	font-size: 114%;
	font-weight:bold;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #e7e7e7;
}
dl.qa dd {
	background: url(../images/a.png) no-repeat 0 0;
	padding-left: 60px;
	margin-bottom: 40px;
}
dl.flow{
	padding:20px;
	background:#FFF;
	width:70%;
	overflow:hidden;
	margin:0 auto 20px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
dl.flow dt{
	float:left;
	margin-right:20px;
}
dl.flow dd{
	overflow:hidden;
}
dl.flow dd .flowTi{
	font-size:122%;
	font-weight:bold;
	margin-bottom:10px;
	color:#e0aa55;
}
dl.flow dd .flowTi span{
	font-size:170%;
	padding-right:7px;
}
dl.briefingList{
	border-bottom: 1px dashed #000;
	padding-bottom: 1em;
}
dl.briefingList dt{
	width: 120px;
	float: left;
  margin: 10px 0 0;
  text-align: center;
  color: #6f4f34;
  font-size: 108%;
  letter-spacing: 2px;
}
dl.briefingList dd{
	overflow: hidden;
}
dl.briefingList.lastchild{
	border-bottom: none;
}
dl.studyAbroadList{
	overflow: hidden;
	
}
dl.studyAbroadList dt{
	overflow: hidden;
	margin: 0 0 15px;
}
dl.studyAbroadList dd{
	overflow: hidden;
}
dl.studyAbroadList dd p{
	height: 60px;
	overflow: hidden;
}
dl.studyAbroadList dd ul{
	margin: 0 0 5px 0;
}
dl.studyAbroadList dd ul li{
	width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
    min-height: inherit;
    background: url(../images/arrow_blright.png) no-repeat 5px 5px;
    font-size: 85%;
}
dl.studyAbroadList dd ul li:hover{
	background: url(../images/arrow_skyright.png) no-repeat 5px 5px;
}
dl.studyAbroadList dd ul li a{
	text-decoration: none;
	color: #001b78;
	transition: all .3s;
}
dl.studyAbroadList dd ul li a:hover{
	color: #afc4ef;
}
dl.rankingList{
	overflow: hidden;
}
dl.rankingList dt{
	color: #ca296f;
	font-size: 123%;
	font-weight:700;
	margin: 0 0 10px;
	overflow: hidden;
	text-align: center;
	transition: all .3s;
}
a:hover dl.rankingList dt{
	color: #ac875b;
}
dl.rankingList dd{
	overflow: hidden;
}
dl.rankingList dd p{
	height: 105px;
	overflow: hidden;
}
dl.rankingList dd ul{
	border-top: 1px dashed #ac875b;
}
dl.rankingList dd li{
	font-weight: 700;
    width: 100%;
    padding: 15px 0 30px 50px;
    color: #133377;
    box-sizing: border-box;
    border-bottom: 1px dashed #ac875b;
    margin: 0;
	position: relative;
	transition: all .3s;
}
dl.rankingList dd li span{
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 2px 10px;
	border-top:1px dashed #ac875b;
	border-right:1px dashed #ac875b;
	border-left:1px dashed #ac875b;
}
a:hover dl.rankingList dd li{
    color: #ac875b;
}
dl.rankingList dd li:nth-child(1){
	background: url(../images/rank01.png) no-repeat left center;
}
dl.rankingList dd li:nth-child(2){
	background: url(../images/rank02.png) no-repeat left center;
}
dl.rankingList dd li:nth-child(3){
	background: url(../images/rank03.png) no-repeat left center;
}
dl.sideMenu{
	overflow: hidden;
	margin:0px auto 10px;
}
dl.sideMenu dt{
	color: #fff;
	padding: 3px 15px;
    background: #001b78 url(../images/dropdown.png) no-repeat 96% center;
    cursor: pointer;
}
dl.sideMenu dd{
	display:none;

}
dl.sideMenu dt.active  {
	z-index: 3;
	background: #001b78 url(../images/dropup.png) no-repeat 96% center !important;
}

dl.sideMenuopen{
	overflow: hidden;
	margin:0px auto 10px;
}
dl.sideMenuopen dt{
	color: #fff;
	padding: 3px 15px;
	margin: 0;
  background: #001b78 url(../images/dropup.png) no-repeat 96% center;
  cursor: pointer;
}
dl.sideMenuopen dd{
}
dl.sideMenuopen dt.active  {
	z-index: 3;
	background: #001b78 url(../images/dropdown.png) no-repeat 96% center !important;
}
dl.schoolProfile{
	overflow: hidden;
	margin: 0 0 20px;
}
dl.schoolProfile dt{
	float: left;
	clear: both;
	width: 335px;
	box-sizing: border-box;
	margin: 5px 20px 5px 5px;
	padding: 5px;
	overflow: hidden;
	background: #fcf5f5;
	box-shadow: 1px 1px 10px #000;
}
dl.schoolProfile dt div{
	overflow: hidden;
}
dl.schoolProfile dd{
	overflow: hidden;
}
.schoolPickUpBox{
	padding: 10px 20px;
	margin: 0 0 10px;
	background: #fde5e5;
	word-wrap: break-word;
	border: 5px solid #dd5053;
}
dl.schoolProfile dd ul{
}
dl.schoolProfile dd ul li{
	float: left;
	padding: 5px 15px;
	margin: 0 5px 0 0;
	border: 1px solid #eeeeef;
	color: #fff;
	background: #767676;
	box-sizing: border-box;
	text-align: center
}
dl.camDroList{
	padding: 1.5em;
  margin: 0 0 1.5em;
  overflow: hidden;
  border: 3px solid #ffbfbf;
  background: #fdf1e5;
}
dl.camDroList dt{
	font-size: 1.4em;
	font-weight: 700;
	color: #dd5053;
	transform: rotate(0.001deg);
	padding: 0 0 1em 2em;
	position: relative;
	cursor: pointer;
	letter-spacing: 0.05em;
}
dl.camDroList dt::before{
	content: '';
	font-family: 'fontawesome';
	font-size: 1.5em;
  transform: rotate(0deg);
  transition: all .3s;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 30px;
  line-height: 1;
}
dl.camDroList dt::after{
	content: '詳細を見る';
	display: block;
	font-size: 0.7em;
	opacity: 1;
	position: absolute;
	left: 2.9em;
	bottom: 0;
  transition: all .3s;
}
dl.camDroList dt.active::before{
	transform: rotate(45deg);
}
dl.camDroList dt.active::after{
	opacity: 0;
}
dl.camDroList dd{
	color: #000;
	padding: 1em 0 0;
	overflow: hidden;
	display: none;
}
dl.photoLList,dl.photoLList30,dl.photoLList200{
	overflow: hidden;
	margin: 0 0 0 0;
}
dl.photoLList dt,dl.photoLList30 dt,dl.photoLList200 dt{
	margin: 0 15px 10px 0;
	float: left;
	clear: both;
	width: auto;
	padding: 5px;
	overflow: hidden;
	border:1px solid #ddd;
	box-shadow: 1px 1px 10px #ddd;
}
dl.photoLList30 dt{
	width: 30%;
}
dl.photoLList200 dt{
	width: 200px;
}
dl.photoLList dd,dl.photoLList30 dd,dl.photoLList200 dd{
	overflow: hidden;
	margin: 0 0 0 0;
}
dl.photoRList,dl.photoRList30,dl.photoRList200{
	overflow: hidden;
	margin: 0 0 0 0;
}
dl.photoRList dt,dl.photoRList30 dt,dl.photoRList200 dt{
	margin: 0 0 10px 15px;
	float: right;
	clear: both;
	width: auto;
	padding: 5px;
	overflow: hidden;
	border:1px solid #ddd;
	box-shadow: -1px 1px 10px #ddd;
}
dl.photoRList30 dt{
	width: 30%;
}
dl.photoRList200 dt{
	width: 200px;
}
dl.photoRList dd,dl.photoRList30 dd,dl.photoRList200 dd{
	overflow: hidden;
	margin: 0 0 0 0;
}
dl.contentBlList{
	position: relative;
    padding: 4% 3% 3%;
	margin: 15px 0 25px;
    background-size: 100% 100%;
	border-top:1px solid #ac875b;
	border-bottom:1px solid #ac875b;
}
dl.contentBlList dt{
	position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    width: 220px;
    margin: auto;
    padding: 0;
    text-align: center;
    color: #ac875b;
    font-family: 'Oswald', sans-serif;
    font-size: 200%;
    font-weight: 700;
    background: #fff;
}

dl.faqList{
	overflow: hidden;
	margin: 0px auto 25px;
	padding: 30px 0 0;
}
dl.faqList dt{
	color: #133377;
	font-size: 123%;
	font-weight:700;
	padding: 10px 15px 10px 120px;
    background: url(../images/dropdownbl.png) no-repeat 96% center;
    cursor: pointer;
	border:1px solid #000;
	position: relative;
	margin: 0 0 20px;
}
dl.faqList dt::after{
	content:'';
	position: absolute;
	top: -28px;
	left: 5px;
	background: url(../images/q.png) no-repeat;
	width: 95px;
    height: 70px;
}
dl.faqList dd{
	display:none;
	padding: 0 30px 15px 120px;
    background: url(../images/a.png) no-repeat 25px top;
}
dl.faqList dt.active  {
	z-index: 3;
	background: url(../images/dropupbl.png) no-repeat 96% center !important;
}
dl.faqList2{
	overflow: hidden;
	margin: 0px auto 25px;
	padding: 30px 0 0;
}
dl.faqList2 dt{
	color: #133377;
	font-size: 123%;
	font-weight:700;
	padding: 10px 15px 10px 120px;
	border:1px solid #000;
	position: relative;
	margin: 0 0 20px;
}
dl.faqList2 dt::after{
	content:'';
	position: absolute;
	top: -28px;
	left: 5px;
	background: url(../images/q.png) no-repeat;
	width: 95px;
    height: 70px;
}
dl.faqList2 dd{
	padding: 0 10px 15px 120px;
    background: url(../images/a.png) no-repeat 25px top;
}
dl.voiceList{
	margin: 0 0 10px;
}
dl.voiceList dt{
	margin: 0 0 5px;
    padding: 5px;
    border: 1px solid #000;
    display: inline-block;
}
dl.voiceList dd{
	margin: 0 0 10px;
	padding: 5px;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	background: #f0f0f0;
}
dl.voiceList2{
	margin: 0 0 10px;
}
dl.voiceList2 dt{
	float: left;
	margin: 0 0 5px;
    padding: 5px;
    border: 1px solid #000;
    display: inline-block;
}
dl.voiceList2 dd{
	margin: 0 0 10px;
	padding: 5px;
	overflow: hidden;
	box-sizing: border-box;
	background: #f0f0f0;
}
dl.voiceLList{
	overflow: hidden;
	margin: 0 20px 0;
}
dl.voiceLList > dt{
	margin: 0 15px 0 0;
	float: left;
	clear: both;
	width: 330px;
	padding: 5px;
	overflow: hidden;
	text-align: center;
}
dl.voiceLList > dt div{
	overflow: hidden;
}
dl.voiceLList > dd{
	overflow: hidden;
	margin: 0 0 0 0;
}
dl.voiceLList2{
	overflow: hidden;
}
dl.voiceLList2 > dt{
	margin: 0 15px 0 0;
	float: left;
	clear: both;
	width: 30%;
	padding: 5px;
	overflow: hidden;
	text-align: center;
}
dl.voiceLList2 > dt div{
	overflow: hidden;
}
dl.voiceLList2 > dd{
	overflow: hidden;
	margin: 0 0 0 0;
}




/*
8:table
------------------------------------------------------------
*/
.basicTable  {
	margin-bottom:30px;
	width: 100%;
}
.basicTable th {
	padding: 3%;
    border-top: #FFF solid 5px;
    border-bottom: #FFF solid 5px;
    border-right: #FFF solid 5px;
    background: #e7e7e7;
    font-weight: bold;
    text-align: left;
}
.basicTable td {
	padding: 3%;
    border-top: #FFF solid 5px;
    border-bottom: #FFF solid 5px;
    background: #f7f7f7;
    text-align: left;
	vertical-align: top;
}
table.menuTable {
	margin-bottom:30px;
}
table.menuTable th {
	padding: 3%;
	width: 24%
}
table.menuTable td {
	padding: 3%;
	width: 14%;
}
table.schoolDateTable{
	overflow: hidden;
	width: 100%;
	margin: 0 0 10px;
}
table.schoolDateTable th{
	text-align: center;
	color: #fff;
	font-weight: 700;
	padding: 5px 15px;
	font-size:107%;
	background: #001b78;
}
table.schoolDateTable td{
	padding: 5px 15px;
	background: #fdf1e5;
}
table.schoolDateTable2{
	overflow: hidden;
	width: 100%;
	margin: 0 0 10px;
}
table.schoolDateTable2 th{
	text-align: center;
	color: #fff;
	font-weight: 700;
	padding: 5px 15px;
	font-size:107%;
	background: #001b78;
	border-right: 3px solid #fff;
}
table.schoolDateTable2 td{
	padding: 5px 15px;
	background: #fdf1e5;
	border-right: 3px solid #fff;
}
table.schoolDateCampaign{
	overflow: hidden;
    margin: 0 0 45px;
    table-layout: fixed;
    width: 100%;
}
table.schoolDateCampaign th{
	font-weight: 700;
    text-align: center;
    background: #c4b1a3;
    padding: 15px;
    color: #fff;
    width: 20%;
}
table.schoolDateCampaign td{
	background: #fdf1e5;
    padding: 15px;
    word-wrap: break-word;
}
table.schoolDetailTable{
	width: 100%;
	margin: 0 0 20px;
	table-layout: fixed;
}
table.schoolDetailTable th{
	width: 25%;
	padding: 2%;
	font-weight: 700;
	border-bottom: 1px solid #6e4e33;
}
table.schoolDetailTable td{
	padding: 2%;
	border-bottom: 1px solid #6e4e33;
	word-wrap: break-word;
}
table.schoolAccessTable{
	width: 100%;
	margin: 0 0 30px;
	table-layout: fixed;
}
table.schoolAccessTable th{
	color: #fff;
	font-weight: 700;
	background: #001b78;
	padding: 1%;
	width: 15%;
	text-align: center;
	border-bottom: 10px solid #fff;
}
table.schoolAccessTable td{
	background: #fdf1e5;
	padding: 1%;
	text-align: left;
	border-bottom: 10px solid #fff;
	word-wrap: break-word;
}
table.grTable{
	width: 100%;
}
table.grTable th{
	font-weight: 700;
	background: #ccc;
	border: 1px solid #F7F7F7;
	text-align: center;
	padding: 1%;
}
table.grTable td{
	border: 1px solid #ccc;
	padding: 1%;
	text-align: center;
}

table.lightgreenTable{
	width: 100%;
}
table.lightgreenTable th{
	font-weight: 700;
	background: #cafbc6;
	border: 1px solid #F7F7F7;
	text-align: center;
	padding: 1%;
}
table.lightgreenTable td{
	border: 1px solid #cafbc6;
	padding: 1%;
	text-align: center;
}
table.greenTable{
	width: 100%;
}
table.greenTable th{
	font-weight: 700;
	background: #6dba3e;
	border: 1px solid #F7F7F7;
	text-align: center;
	padding: 1%;
	color: #fff;
}
table.greenTable td{
	border: 1px solid #6dba3e;
	padding: 1%;
	text-align: center;
}


table.pinkTable{
	width: 100%;
}
table.pinkTable th{
	font-weight: 700;
	background: #fbc6ea;
	border: 1px solid #F7F7F7;
	text-align: center;
	padding: 1%;
}
table.pinkTable td{
	border: 1px solid #fbc6ea;
	padding: 1%;
	text-align: center;
}

table.blueTable{
	width: 100%;
}
table.blueTable th{
	font-weight: 700;
	background: #e2f0ff;
	border: 1px solid #F7F7F7;
	text-align: center;
	padding: 1%;
}
table.blueTable td{
	border: 1px solid #e2f0ff;
	padding: 1%;
	text-align: center;
}

table.orangeTable{
	width: 100%;
}
table.orangeTable th{
	font-weight: 700;
	background: #FDB166;
	border: 1px solid #F7F7F7;
	text-align: center;
	padding: 1%;
}
table.orangeTable td{
	border: 1px solid #FDB166;
	padding: 1%;
	text-align: center;
}
table.indexTable{
	width: 100%;
  border: 1px solid #fff ;
  background: #4a74a9 url(../images/pattern.png) repeat;
	table-layout: fixed;
}
table.indexTable td{
	width: 33.33%;
	border-bottom: 1px dashed #fff ;
    border-right: 1px dashed #fff ;
}
table.indexTable td:nth-child(2){
}
table.indexTable td a{
	color: #fff;
	padding: 4% 15% 4% 4%;
	display: block;
	background: url(../images/arrow_wright.png) no-repeat 90% center;
	transition: 0s;
	text-decoration: none;
}
table.indexTable td a:hover{
	background: url(../images/icon_bigchick01.png) no-repeat 90% center;
	background-size: auto 30px;
}
table.boBTable{
	width: 100%;
}
table.boBTable td{
	padding: 2%;
	border-bottom:1px dashed #ac875b;
}
table.boBTable td a{
	text-decoration: none;
	display: block;
	padding: 2px 20px;
	color: #fff;
	border:2px solid #ac875b;
	text-align: center;
	background: #ac875b url(../images/arrow_wright.png) no-repeat 95% center;
	transition: all .3s;
}
table.boBTable td a:hover{
	color: #ac875b;
	background: #fff url(../images/arrow_brlright.png) no-repeat 95% center;
}


/*
9:タイトル
------------------------------------------------------------
*/
h1.topTi,p.lowHead {
	font-size:78%;
	margin: 0 0 2px 0;
	line-height: 1.6;
	padding: 4px 0 0;
}
h2.topBriefingTi{
	font-weight: 700;
	margin: 0 0 25px;
	font-size: 157%;
	text-align: center;
}
h2.topnewsTi{
	font-weight: 700;
    margin: 0 0 25px;
    padding: 6px 0;
    font-size: 157%;
    text-align: center;
    background: url(../images/icon_bus.png) no-repeat right center;
}
h2.topMainTi{
	font-family: 'Hammersmith One', sans-serif;
	color: #6f4f34;
	font-size: 235%;
	font-weight: 700;
	margin: 0 0 40px;
	line-height: 1.2;
	text-align: center;
	clear: both;
}
h2.topMainTi span{
	font-family: "メイリオ",Meiryo,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	color: #c70920;
	font-size: 66%;
}
.hat01::before,.hat::before,.light::before,.glass::before{
	content: '';
	display: inline-block;
	padding: 0 0 0 15px;
}
.hat01::before{
	width: 42px;
	height: 28px;
	background: url(../images/icon_hat01.png) no-repeat;
}
.hat::before{
	width: 40px;
	height: 30px;
	background: url(../images/icon_hat02.png) no-repeat;
}
.light::before{
	width: 19px;
	height: 31px;
	background: url(../images/icon_light.png) no-repeat;
}
.glass::before{
	width: 17px;
	height: 26px;
	background: url(../images/icon_glass.png) no-repeat;
}
h2.topMainBlTi,h2.topMainPiTi{
	color: #fff;
	text-align: left;
	font-family: 'UtsukushiMincho';
	font-size: 246%;
	padding: 20px 20px 20px  90px;
	margin: 0 0 25px 0px;
	position: relative;
}
h2.topMainBlTi:before,h2.topMainPiTi:before{
	content: '';
	position: absolute;
	top: -40px;
	left: 25px;
	width: 48px;
	height: 92px;
	vertical-align: middle;
	background: url(../images/titleicon.png) no-repeat 50% 50%;
}
h2.topMainBlTi{background: url(../images/mainBlTiBg.png) repeat-y right;}
h2.topMainPiTi{background: url(../images/mainPiTiBg.png) repeat-y right;}
h2.topMainTiRe{
	background: #eb6573;
}
h2.mainTi {
	margin-bottom: 35px;
	padding: 15px 0;
	font-size: 157%;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	text-align: center;
	font-weight:bold;
	color: #000;
}
h1.mainTi01{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti01.png) no-repeat; }
h1.mainTi02{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti02.png) no-repeat; }
h1.mainTi03{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti03.png) no-repeat; }
h1.mainTi04{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti04.png) no-repeat; }
h1.mainTi05{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti05.png) no-repeat; }
h1.mainTi06{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti06.png) no-repeat; }
h1.mainTi07{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti07.png) no-repeat; }
h1.mainTi08{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti08.png) no-repeat; }
h1.mainTi09{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti09.png) no-repeat; }
h1.mainTi10{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti10.png) no-repeat; }
h1.mainTi11{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti11.png) no-repeat; }
h1.mainTi12{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti12.png) no-repeat; }
h1.mainTi13{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti13.png) no-repeat; }
h1.mainTi14{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti14.png) no-repeat; }
h1.mainTi15{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti15.png) no-repeat; }
h1.mainTi16{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti16.png) no-repeat; }
h1.mainTi17{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti17.png) no-repeat; }
h1.mainTi18{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti18.png) no-repeat; }
h1.mainTi19{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti19.png) no-repeat; }
h1.mainTi20{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti20.png) no-repeat; }
h1.mainTi21{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti21.png) no-repeat; }
h1.mainTi22{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti22.png) no-repeat; }
h1.mainTi23{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti23.png) no-repeat; }
h1.mainTi24{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti24.png) no-repeat; }
h1.mainTi25{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti25.png) no-repeat; }
h1.mainTi26{ background: url(../images/maintiBg.png) no-repeat, url(../images/mainti26.png) no-repeat; }
h1.mainTi01,
h1.mainTi02,
h1.mainTi03,
h1.mainTi04,
h1.mainTi05,
h1.mainTi06,
h1.mainTi07,
h1.mainTi08,
h1.mainTi09,
h1.mainTi10,
h1.mainTi11,
h1.mainTi12,
h1.mainTi13,
h1.mainTi14,
h1.mainTi15,
h1.mainTi16,
h1.mainTi17,
h1.mainTi18,
h1.mainTi19,
h1.mainTi20,
h1.mainTi21,
h1.mainTi22,
h1.mainTi23,
h1.mainTi24,
h1.mainTi25,
h1.mainTi26{
	width: 100%;
	height: 137px;
	padding: 45px 0;
	background-size: cover;
	background-position: 50% 50%;
	box-sizing: border-box;
}
h1.mainTi01 span.inContent,
h1.mainTi02 span.inContent,
h1.mainTi03 span.inContent,
h1.mainTi04 span.inContent,
h1.mainTi05 span.inContent,
h1.mainTi06 span.inContent,
h1.mainTi07 span.inContent,
h1.mainTi08 span.inContent,
h1.mainTi09 span.inContent,
h1.mainTi10 span.inContent,
h1.mainTi11 span.inContent,
h1.mainTi12 span.inContent,
h1.mainTi13 span.inContent,
h1.mainTi14 span.inContent,
h1.mainTi15 span.inContent,
h1.mainTi16 span.inContent,
h1.mainTi17 span.inContent,
h1.mainTi18 span.inContent,
h1.mainTi19 span.inContent,
h1.mainTi20 span.inContent,
h1.mainTi21 span.inContent,
h1.mainTi22 span.inContent,
h1.mainTi23 span.inContent,
h1.mainTi24 span.inContent,
h1.mainTi25 span.inContent,
h1.mainTi26 span.inContent{
	position: relative;
	padding: 0 600px 0 0;
	width: 1100px;
	margin: 0 auto;
	display: block;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 142%;
	font-weight: 700;
	line-height: 1.5;
	box-sizing: border-box;
}
h1.mainTi01 span.inContent span,
h1.mainTi02 span.inContent span,
h1.mainTi03 span.inContent span,
h1.mainTi04 span.inContent span,
h1.mainTi05 span.inContent span,
h1.mainTi06 span.inContent span,
h1.mainTi07 span.inContent span,
h1.mainTi08 span.inContent span,
h1.mainTi09 span.inContent span,
h1.mainTi10 span.inContent span,
h1.mainTi11 span.inContent span,
h1.mainTi12 span.inContent span,
h1.mainTi13 span.inContent span,
h1.mainTi14 span.inContent span,
h1.mainTi15 span.inContent span,
h1.mainTi16 span.inContent span,
h1.mainTi17 span.inContent span,
h1.mainTi18 span.inContent span,
h1.mainTi19 span.inContent span,
h1.mainTi20 span.inContent span,
h1.mainTi21 span.inContent span,
h1.mainTi22 span.inContent span,
h1.mainTi23 span.inContent span,
h1.mainTi24 span.inContent span,
h1.mainTi25 span.inContent span,
h1.mainTi26 span.inContent span{
	font-size: 66%;
}
.mainIconPiTi{
	margin: 20px 0;
    clear: both;
    font-size: 157%;
    font-weight: 700;
    padding: 10px 10px 10px 70px;
    color: #FFF;
    background: linear-gradient(90deg, #eb96b8,#fff);
    position: relative;
}
.mainIconBlTi{
	margin: 20px 0;
    clear: both;
    font-size: 157%;
    font-weight: 700;
    padding: 10px 10px 10px 70px;
    color: #FFF;
    background: linear-gradient(90deg, #001b78,#fff);
	position: relative;
}
.mainIconPiTi::after,.mainIconBlTi::after{
	content: '';
    position: absolute;
    top: -30px;
    left: 10px;
    width: 45px;
    height: 90px;
    background: url(../images/icon_bigchick01.png) no-repeat center;
    background-size: 100% auto;
}
.subIconTi{
	color: #001b78;
    font-size: 128%;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 5px 15px 5px 40px;
    background: url(../images/icon_crown.png) no-repeat left center;
    background-size: auto 30px;
}
.meritTi{
	color: #fff;
	font-size: 157%;
	font-weight: 700;
	margin: 15px 0 10px;
	padding: 10px 10px 33px 70px;
	background: url(../images/ribbonBg.png) no-repeat left top;
	position: relative;
}
.meritTi span{
	display: inline-block;
	color: #4c1815;
	font-family: 'Fredericka the Great', cursive;
	font-size: 180%;
	padding: 15px 20px;
	text-align: center;
	background: url(../images/meritNumberBg.png) no-repeat center;
	position: absolute;
	top: -15px;
	left: 10px;
}
.borderTi{
	color: #001b78;
	font-size: 128%;
	font-weight: 700;
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: 1px solid #001b78;
}
.leftPiBorderTi,.leftBlBorderTi{
	margin: 0 0 20px;
	padding: 10px 15px;
	font-size: 130%;
	font-weight: 700;
}
.leftPiBorderTi{
	border-left: 5px solid #eb96b8;
}
.leftBlBorderTi{
	border-left: 5px solid #001b78;
}
.balloonTi{
	padding: 25px 20px 25px 120px;
    margin: 0 0 40px;
    font-size: 157%;
    font-weight: 700;
    background: url(../images/icon_bigchick02.png) no-repeat left center, url(../images/balloonBg.png) no-repeat 60% center;
}
.balloonTi span{
	display: block;
}
.iconBrownTi{
	color: #fff;
	font-size: 128%;
	font-weight: 700;
	margin: 0 0 15px;
	padding: 15px 15px 15px 50px;
	background: linear-gradient(90deg, #6f4f34, #e2d6cf), url(../images/icon_chick04.png) no-repeat 5px center;
	background-size: auto, auto 40px;
}
.subTi01{
	color: #fff;
	padding: 27px 30px 17px;
	margin: 0 0 30px;
    font-size: 171%;
    font-weight: 700;
	text-shadow: 0 0 2px #fff;
    line-height: 1.2;
}
.subTi01{
    background: url(../images/subti01bg.png);
    background-size: cover;
    background-position: 50% 50%;
}
.subTi01 span{
	font-size: 50%;
	
}
.rhombusPiTi,.rhombusBlTi,.rhombusBkTi,.rhombusReTi,.rhombusGrnTi{
	font-size: 130%;
	font-weight: 700;
	margin: 0 0 20px;
}
.rhombusPiTi::before,.rhombusBlTi::before,.rhombusBkTi::before,.rhombusReTi::before,.rhombusGrnTi::before{
	content: '◆';
	display: inline-block;
}
.rhombusPiTi{
	color: #eb96b8;
}
.rhombusBlTi{
	color: #001b78;
}
.rhombusBkTi{
	color: #000;
}
.rhombusReTi{
	color: #c70920;
}
.rhombusGrnTi{
	color: #46a546;
}
.squarePiTi,.squareBlTi,.squareBkTi,.squareReTi,.squareGrnTi{
	font-size: 130%;
	font-weight: 700;
	margin: 0 0 20px;
}
.squarePiTi::before,.squareBlTi::before,.squareBkTi::before,.squareReTi::before,.squareGrnTi::before{
	content: '■';
	display: inline-block;
}
.squarePiTi{
	color: #eb96b8;
}
.squareBlTi{
	color: #001b78;
}
.squareBkTi{
	color: #000;
}
.squareReTi{
	color: #c70920;
}
.squareGrnTi{
	color: #46a546;
}
.roundPiTi,.roundBlTi,.roundBkTi,.roundReTi,.roundGrnTi{
	font-size: 130%;
	font-weight: 700;
	margin: 0 0 20px;
}
.roundPiTi::before,.roundBlTi::before,.roundBkTi::before,.roundReTi::before,.roundGrnTi::before{
	content: '●';
	display: inline-block;
}
.roundPiTi{
	color: #eb96b8;
}
.roundBlTi{
	color: #001b78;
}
.roundBkTi{
	color: #000;
}
.roundReTi{
	color: #c70920;
}
.roundGrnTi{
	color: #46a546;
}
.pointTi{
	margin: 0 0 20px;
	font-size: 157%;
	font-weight: 700;
	color: #c70920;
}
.pointTi span{
	display: inline-block;
    padding: 18px 10px 0;
    font-size: 136%;
    background: url(../images/icon_point.png) no-repeat center top;
    background-size: auto 17px;
}
.pointTi2{
	padding: 0 0 0 50px;
	margin: 0 0 20px;
	font-size: 157%;
	font-weight: 700;
	color: #c70920;
	background: url(../images/point.png) no-repeat left center;
}
h3.title {
	font-weight:bold;
	margin-bottom: 25px;
	font-size: 157%;
	text-align:center;
	color: #000;
	letter-spacing:2px;
}
h3.mainTi {
	margin-bottom: 20px;
	font-size: 138.5%;
    padding: 10px 0px 5px 0;
    font-weight:bold;
    color: #000;
}
h3.subTi {
	font-weight: bold;
	font-size: 131%;
	margin-bottom: 25px;
	padding-bottom: 10px;
	color: #000;
	border-bottom: 1px solid #000;
}
h4.mainTi {
	border:1px solid #111;
	padding: 5px;
	text-align: center;
	color: #111;
	font-size: 123.1%;
	margin-bottom: 15px;
}
h4.subTi {
	font-weight: bold;
	font-size: 116%;
}
.pickupschoolTi{
	color: #001b78;
	font-size: 121%;
	font-weight: 700;
	margin: 0 0 5px;
}
.pickupschoolTi2{
	color: #505050;
	font-size: 85%;
	border-top: 1px solid #6f4f34;
	border-bottom: 1px solid #6f4f34;
	padding: 5px 0;
	margin: 0 0 10px;
}
.pickupComment{
	color: #001b78;
	font-weight: 700;
	padding: 15px 0 15px 70px;
	background: url(../images/icon_chick01.png) no-repeat left center;
}
.contactTi{
	font-family: 'Oswald', sans-serif;
	padding: 5px 0 5px 50px;
	position: relative;
	color: #6f4f34;
	font-size: 235%;
}
.contactTi::before{
	content: url(../images/icon_chess.png);
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
}
.contactTi span{
	margin: 0 0 0 50px;
    color: #000;
    font-size: 66%;
    font-weight: 700;
    letter-spacing: 4px;
    vertical-align: bottom;
}
.contactTi2{
	width: 440px;
	font-size: 214%;
	margin: 0 auto 30px;
	padding: 10px 35px;
	position: relative;
	text-align: center;
	background: url(../images/icon_slash.png) no-repeat left center, url(../images/icon_slash2.png) no-repeat right center;
}
.contactTi2::before{
	content: '';
	position: absolute;
	top: 0;
	left: -120px;
	width: 71px;
	height: 42px;
	background: url(../images/icon_bus2.png) no-repeat center;
}
.contactTel{
	font-family: 'Fjalla One', sans-serif;
	color: #000;
    padding: 20px 0 15px 90px;
    margin: 0 0 10px;
    font-size: 500%;
    background: url(../images/icon_tel.png) no-repeat left bottom;
    display: block;
}
.subBlTi {
	color: #001b78;
	font-size: 128%;
	font-weight: 700;
	margin: 0 0 15px;
}
.subPickupBlTi {
	color: #001b78;
	font-size: 128%;
	font-weight: 700;
	margin: 0 0 5px;
}
.iconBorderTi{
	font-size: 128%;
    font-weight: 700;
    padding: 20px 15px 15px 60px;
	margin: 0 0 20px;
    border-bottom: 2px solid #001b78;
    background: url(../images/icon_chick03.png) no-repeat 10px top;
}
.infoTi{
	margin-right: 10px;
	font-size: 114%;
	font-weight:bold;
}
.schoolExperiencesTi{
	font-size: 150%;
	font-weight: 700;
	margin: 0 0 10px;
	padding: 8px 0 8px 10px;
  border-left: 5px solid #4c1815;
}
/*
10：装飾
------------------------------------------------------------
*/
.tel {
	font-size: 124%;
	color: #111;
}
.name {
	margin-bottom: 15px;
	font-size: 129%;
}
.big {
	font-weight:bold;
	font-size: 129%;
	margin-bottom: 15px;
}
.disc {
	padding-bottom: 0px;
	font-size: 86%;
	line-height: 1.6em;
}
.hr {
	clear: both;
	height: 1px;
	margin: 1em 0;
	border-top: #999 1px dotted;
}
.bold {
	font-weight: bold;
	font-size: 108%;
	padding-bottom: 10px;
}
.day {
	padding-right: 15px;
	display: block;
    float: left;
    clear: both;
}
.data {
	padding-bottom: 5px;
	font-size: 86%;
}
.posted {
	width: 25%;
	font-size: 86%;
	text-align:center;
	background: #000;
	color: #FFF;
	margin: 0 0 20px;
}
.price {
	color: #e71616;
	font-weight:bold;
	font-size: 129%;
	margin-bottom: 20px;
}
.priceMini {
	font-size: 86%;
}
.fLogo {
	padding: 5px 0 0;
}
.copy {
	padding: 10px 0;
	color:#fff;
	clear: both;
	font-size: 84%;
	text-align: center;
	background: #133377;
}
.colCat{
	background: #ca296f;
	color: #fff;
	margin: 0 10px 10px 0;
	padding: 0px 10px;
	display: inline-block;
}

/*
11:ボタン系
------------------------------------------------------------
*/
#topcontrol{
	width:50px;
	height:50px;
	background:url(../images/pageTop.png) no-repeat 0 0;
	background-size: 100% 100%;
}	
.btn2 {
	padding-bottom: 10px;
}
.topBtn {
	text-align:center;
	margin: 0 auto;
	width: 55%;
	position: absolute;
	left: 0;
	right: 0;
	bottom:35px;
}
.topBtn a {
	color: #fff;
	text-decoration: none;
	display:block;
	padding: 5px 0;
	width: 100%;
	margin: 0 0;
	border: 2px solid #001b78;
	background: #001b78 url(../images/arrow_wright.png) no-repeat 95% center;
	transition:0.3s;
	font-size: 92%;
	box-sizing: border-box;
}
.topBtn a:hover {
	border:2px solid #001b78;
	color: #001b78;
	background: #fff url(../images/arrow_brright.png) no-repeat 95% center;
}
.infoBtnBox{
	width: 400px;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 35px;
}
.leftInfoBtn{
	width: 48%;
	float: left;
	text-align: center;
}
.leftInfoBtn a{
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 92%;
	padding: 5px 0;
	background: #6f4f34 url(../images/arrow_wright.png) no-repeat 95% center;
	border: 2px solid #6f4f34;
	transition: 0.3s;
}
.leftInfoBtn a:hover{
	color: #6f4f34;
	background: #fff url(../images/arrow_brright.png) no-repeat 95% center;

}
.rightInfoBtn{
	width: 48%;
	float: right;
	text-align: center;
}
.rightInfoBtn a{
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 92%;
	padding: 5px 0;
	background: #001b78 url(../images/arrow_wright.png) no-repeat 95% center;
	border: 2px solid #001b78;
	transition:0.3s;
}
.rightInfoBtn a:hover{
	color: #001b78;
	background: #fff url(../images/arrow_blright.png) no-repeat 95% center;

}
.schoolmore{
	text-align: center;
}
.schoolmore a{
	display: block;
	padding: 5px 0;
	color: #fff;
	text-decoration: none;
	border: 2px solid #ca296f;
	background: #ca296f url(../images/arrow_wright.png) no-repeat 95% center;
	border-radius: 5px;
	transition: all .3s;
}
.schoolmore a:hover{
	color: #ca296f;
	background: #fff url(../images/arrow_puright.png) no-repeat 95% center;
}
.contactBtn{
	text-align: right;
	position: relative;
}
.contactBtn::before{
	content: url(../images/icon_click.png);
    display: inline-block;
    padding: 0 20px 0 0;
    vertical-align: middle;
}
.contactBtn a{
	color: #fff;
  font-size: 178%;
  font-weight: 700;
  border: 2px solid #c6081f;
  padding: 5px 35px;
  background: #c6081f url(../images/arrow_wbigright.png) no-repeat 95% center;
	text-decoration: none;
}
.contactBtn a:hover{
	color: #c6081f;
	background: #fff url(../images/arrow_rebigright.png) no-repeat 95% center;
}
.contactBtn2{
	width: 310px;
	margin: 0 0 10px auto;
	text-align: center;
}
.contactBtn2 a{
	color: #fff;
	display: block;
  font-size: 150%;
  font-weight: 700;
  border: 2px solid #c6081f;
  padding: 10px 0;
	background: #c6081f;
	text-decoration: none;
}
.contactBtn2 a:hover{
	color: #c6081f;
	background: #fff;
}

.blCBtn{
	text-align: center;
}
.blCBtn a{
	display: inline-block;
	padding: 3px 15%;
	border: 2px solid #001b78;
	background: #001b78 url(../images/arrow_wright.png) no-repeat 95% center;
	color: #fff;
}
.blCBtn a:hover{
	background: #fff url(../images/arrow_blright.png) no-repeat 95% center;
	color: #001b78;
}
.leftBlBtn,.leftReBtn,.leftBlBtn2{
	text-align: left;
}
.centerBlBtn,.centerReBtn{
	text-align: center;
}
.rightBlBtn,.rightReBtn{
	text-align: right;
}
.leftBlBtn a,.centerBlBtn a,.rightBlBtn a,.leftReBtn a,.centerReBtn a,.rightReBtn a,.leftBlBtn2{
	color: #fff;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 5px;
}
.leftBlBtn a,.centerBlBtn a,.rightBlBtn a,.leftBlBtn2{
	background: #19448e url(../images/arrow_wright.png) no-repeat 95% center;
	border: 2px solid #19448e;
	text-decoration: none;
}
.leftReBtn a,.centerReBtn a,.rightReBtn a{
	background: #c6081f url(../images/arrow_wright.png) no-repeat 95% center;
	border: 2px solid #c6081f;
}
.leftBlBtn a:hover,.centerBlBtn a:hover,.rightBlBtn a:hover{
	color: #19448e;
	background: #fff url(../images/arrow_bright.png) no-repeat 95% center;
}
.leftReBtn a:hover,.centerReBtn a:hover,.rightReBtn a:hover{
	color: #c6081f;
	background: #fff url(../images/arrow_rebigright.png) no-repeat 95% center;
	background-size: auto 10px;
}



/*
12:その他パーツ
------------------------------------------------------------
*/
#breadcrumbListWrap {
	margin: 0;
	padding: 5px 0;
	background: #efe8e4;
}
#breadcrumbList {
	font-size: 85%;
	width: 1100px;
	margin: 0 auto;
}
.wp-pagenavi {
	clear:both;
	padding: 15px 0 !important;
}
.alignleft {
	float: left;
	padding: 0 15px 15px 0;
}
.alignright {
	float: right;
	padding: 0 0 15px 15px;
}
.aligncenter {
	display: block;
	margin:0 auto 20px;
}
.photoL {
	float: left;
	padding: 0 15px 15px 0;
}
.photoL p {
	overflow: auto;
}
.photoR {
	float: right;
	padding: 0 0 15px 15px;
}
.photoR p {
	overflow: auto;
}

/*
13:コンタクトフォーム

*/
table.contactform {
width: 100%;
table-layout: fixed;
}
table.contactform th {
width: 25%;
padding: 1em;
font-size: 110%;
border-bottom: #e1eafd solid 2px;
font-weight: 700;
text-align: left;
}
table.contactform th span.small{
font-size: 90%;
font-weight: normal;
padding: 10px 0 0;
display: block;
}
table.contactform th.cfbg{
background: #000;
color: #fff;
}
table.contactform td {
padding: 1em;
border-bottom: 2px #e1eafd solid;
text-align: left;
vertical-align: top;
}
table.contactform td a{
color: #32bce7;
text-decoration: underline;
}
table.contactform td a:hover{
color: #6dba3e;
}

table.contactform td span.bold{
font-weight: 700;
}
table.contactform td p{
margin-bottom:0;
line-height:1.6;
}
input, textarea, select{
padding: 0.5em;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:solid 1px #c8c8c8;
}
ul.contactform {
letter-spacing: -0.5em;
}
ul.contactform li {
display: inline-block;
letter-spacing: normal;
margin: 0 1em 0 0;
}
ul.contactform2 {
letter-spacing: -0.5em;
}
ul.contactform2 li {
display: inline-block;
width: 50%;
letter-spacing: normal;
box-sizing: border-box;
}
.wpcf7-textarea {
width: 90%;
}
.wpcf7-text {
width: 90%;
}
.zip1 {
width: 30%;
}
.zip2 {
width: 30%;
}
.formtel {
width: 30%;
height: auto;
}
.wpcf7-form-control wpcf7-text zip {
width: 30%;
}
.wpcf7-checkbox > span{
display: inline-block;
margin: 0 3% 2% 0;
}
.addr {
width: 90%;
}
.contactformsubmit {
text-align: center;
margin: 30px 0;
}
.wpcf7-submit,
.wpcf7-confirm,
.wpcf7-back{
width: 60%;
background:#e48100;
color:#FFF;
text-align:center;
font-weight: 700;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
display:block;
margin: 0 auto;
padding:15px 40px;
border:none;
}
.wpcf7-confirm{
background:#009ce4;
}
.wpcf7-back{
background:#ccc;
}
.wpcf7-submit:hover{
text-decoration:none;
-webkit-opacity:0.8;
-moz-opacity:0.8;
opacity:0.8;
}
.contactCheckBox input[type="checkbox"]{
display: none;
}
.contactCheckBox input[type="checkbox"] + .wpcf7-list-item-label {
position: relative;
vertical-align: top;
}
.contactCheckBox input[type="checkbox"] + .wpcf7-list-item-label:before {
content: "\f372";
font-family: "ionicons";
color: #ccc;
font-size: 22px;
margin: 0 10px 0 0;
}
.contactCheckBox input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
content: "\f374";
color: #17bcdf;
}

datepicker{
width:40%;
}
table.contactform .red {
text-align:center;
font-size: 90%;
color: #FFF;
padding: 5px 8px;
background: #ed6002;
margin-right: 20px;
border-radius: 5px;
}
table.contactform .gry,
span.gry {
text-align:center;
font-size: 90%;
color: #FFF;
padding: 5px 8px;
background: #b1bdca;
margin-right: 20px;
border-radius: 5px;
}
input.wpcf7-validates-as-required,
select.wpcf7-validates-as-required,
.wpcf7-validates-as-required > span > label > span::before{
background: #ffdbdb;
}
dl.contact-drop{
margin: 0 0 2em;
}
dl.contact-drop dt{
font-weight: 700;
font-size: 1.1em;
cursor: pointer;
padding: 1em;
border-bottom: #e1eafd solid 2px;
position: relative;
}
dl.contact-drop dt.active{
border: none;
}
dl.contact-drop dt::after{
content: '+';
position: absolute;
height: 1em;
top: 0;
right: 1em;
bottom: 0;
margin: auto;
line-height: 1;
transition: all .3s;
transform: rotate(0);
}
dl.contact-drop dt.active::after{
transform: rotate(45deg);
}
dl.contact-drop dd{
display: none;
}


/*
14:ワードプレス
------------------------------------------------------------
*/
.widget_search {
	background: #FFF;
	margin-bottom: 20px;
	padding: 15px;
	text-align:center;
}
h3.widget-title {
	margin-bottom: 10px;
	padding: 5px;
	font-size: 100%;
	background:#000;
	color: #FFF;
}
.sideSectionw ul {
	margin-bottom: 20px;
}
.sideSectionw ul li {
	padding-bottom: 8px;
	padding-left: 15px;
	margin-bottom: 8px;
	background: url(migi1.gif) no-repeat 0 5px;
	border-bottom: 1px dotted #604c3f;
}
.widget ul li {
	border-bottom: 1px solid #f7f7f7;
	padding-bottom: 8px;
	margin-bottom: 12px;
	background:url(../images/migi.png) no-repeat right 40%;
	background-size: 5px;
}
.wp-pagenavi {
	padding: 10px 0px 10px !important;
	display:block !important;
	clear:both !important;
	text-align: center;
	font-family: 'Fjalla One', sans-serif;
}

.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		display: inline-block;
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #000 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#fff !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#fff) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#fff)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		display: inline-block;
		color:#fff !important;
		text-shadow:0px 1px #3C3C3C !important;
		border-color:#202020 !important;
		background:#525252 !important;
		background:-moz-linear-gradient(top,#4d90fe 1px,#4d90fe 1px,#0000cc) !important;
		background: -webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#4d90fe),color-stop(0.02,#4d90fe),color-stop(1,#0000cc)) !important;
    color: #FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
 		display: inline-block;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #3C3C3C !important;
		border-color:#202020 !important;
		background:#525252 !important;
		background:-moz-linear-gradient(top,#4d90fe 1px,#4d90fe 1px,#0000cc) !important;
		background: -webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#4d90fe),color-stop(0.02,#4d90fe),color-stop(1,#0000cc)) !important;
}
.wp-pagenavi span.pages{
	border: none !important;
	background: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
}
/*
16:オリジナル
------------------------------------------------------------
*/

/* ==========================================================

	タグ

========================================================== */

ul.style01 {
	text-align:center;
	color:#FFF;
	font-size:123%;
	margin: 0 -1.82% 20px 0;
	letter-spacing: -0.5em;
}
ul.style01 li {
	display:inline-block;
	width: 18.18%;
	height: 100px;
	margin:0 1.82% 0 0;
	padding: 0;
	line-height: 100px;
	box-sizing: border-box;
	background: rgba(0,27,120,0.5) url(../images/arrow_down.png) no-repeat center 95%;
	cursor: pointer;
	transition: all .3s;
	letter-spacing: normal;
}
ul.style01 li.active {
	background: #001b78 url(../images/arrow_down.png) no-repeat center 95%;
	cursor: pointer;
	transition: all .3s;
}

ul.style02 {
	text-align: left;
    color: #fff;
    font-size: 100%;
    margin: 0 -0.39% 0 0;
    letter-spacing: -0.5em;
}
ul.style02 li {
	display: inline-block;
    width: 16.27%;
    height: 48px;
    padding: 10px 10px;
    margin: 0 0.39% 0.39% 0;
    line-height: 1.2;
    background: rgba(0,27,120,0.5) url(../images/arrow_wright.png) no-repeat 95% center;
    transition: all .3s;
    cursor: pointer;
    box-sizing: border-box;
    letter-spacing: normal;
}
ul.style02 li a{
	color: #fff;
}
ul.style02 li.active {
	background: #133377 url(../images/arrow_wright.png) no-repeat 95% center;
	transition: all .3s;
	color:#fff;
	cursor: pointer;
}
ul.style03 {
	text-align:left;
	border-bottom: 1px dashed #7696be;
	color:#FFF;
	font-size:123%;
	margin: 0 0 20px 0;
}
ul.style03 li {
	display: inline-block;
    width: 187px;
    height: 40px;
    margin: 0 -10px 0 0;
    padding: 0 0 0 10px;
    font-weight: 700;
    color: #001b78;
    line-height: 40px;
    box-sizing: border-box;
    background: url(../images/dropdownbl.png) no-repeat 80% center,url(../images/tabnonactive.png) no-repeat;
	background-size: auto,100% 100%;
    cursor: pointer;
    transition: all .3s;
}
ul.style03 li.active {
	background: url(../images/dropdown.png) no-repeat 80% center,url(../images/tabactive.png) no-repeat;
	background-size: auto,100% 100%;
	cursor: pointer;
	transition: all .3s;
	color:#fff;
}


.panel {
	display:none;
	transition: all .5s;
}
.show {
	display:block;
	transition: all .5s;
}

div.panel {
	padding:10px 0 0;
	transition: all .5s;
}
div.photoInner{
	letter-spacing: -0.5em;
}
div.photoInner > div.column{
	display: inline-block;
	padding: 0 !important;
	margin: 0 1% 2%;
	width: 23%;
	float: none !important;
	letter-spacing: normal;
}
@media screen and (max-width: 640px){
	div.photoInner {
		padding: 0 5%;
	}

	div.photoInner > div.column{
		margin: 0 1% 3%;
		width: 48%;
	}
}

/* ==========================================================

	switch

========================================================== */

ul#switch{
	display: block;
	width: 100%;
	right: 0;
	overflow: hidden;
	margin: 0 0 20px;
	border-bottom: 5px solid #0980c7;
	text-align: right;
}
ul#switch li{
	display: inline-block;
	padding: 10px 25px;
	margin: 0 5px;
	background: #0980c7 url(../images/arrow_down.png) no-repeat 90% center;
}
.displayBtn {
	padding: 5px;
	text-align: center;
	background: #CCC url(../images/arrow_down.png) no-repeat 90% center;
	color: #FFF;
	opacity: 0.5;
  }
.displayBtn:hover {
	opacity: .8;
	cursor: pointer;
  }
.inactive { opacity: 1; }
.inactive:hover {
	opacity: .5;
	cursor: default;
}
.boxDisplay { display: block; }
.boxNone { display: none; }

/* ==========================================================

	loading

========================================================== */

.loadingWrap{
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.wrapperloading {
	position: absolute;
	height: 200px;
	width: 200px;
	top: 50%;
	margin-top: -100px;
	left: 50%;
	margin-left: -100px;
	z-index: 9999;
}

.wrapperloading .loading.up {
  position: absolute;
  height: 200px;
  width: 200px;
  border-radius: 150px;
  border: 1px solid #fff;
  border-top-color: #fff;
  border-left-color: #7696be;
  border-right-color: #7696be;
  border-bottom-color: #fff;
  -webkit-animation: rotation 3s linear infinite;
  -moz-animation: rotation 3s linear infinite;
  -o-animation: rotation 3s linear infinite;
  animation: rotation 3s linear infinite;
}

.wrapperloading .loading.down {
  position: absolute;
  height: 100px;
  width: 100px;
  top: 50%;
  margin-top: -50px;
  left: 50%;
  margin-left: -50px;
  border-radius: 150px;
  border: 1px solid #fff;
  border-left-color: #6dba3e;
  border-top-color: #6dba3e;
  border-bottom-color: #6dba3e;
  border-right-color: #6dba3e;
  -webkit-animation: rotation 1s linear infinite;
  -moz-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}


@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* ==========================================================

	サイドメニュー

========================================================== */

/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 3;
}
.overlay::after {
  content: "";
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.side-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(0,0,0,.7);
}
.side-open .overlay::after {
  visibility: visible;
  color: rgba(255,255,255,.8);
}

/* サイドメニュー ※リストのスタイルは省略 */
.side-menu {
	display: none;
}
.side-menu ul{
	padding: 0 20px 0;
}
.side-menu ul li{
	margin: 0 0 10px;
}
.side-menu ul li a{
	color: #fff;
}
.side-menu ul li a:hover{
	color: #eb6573;

}
.side-open .side-menu {
	position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    padding-top: 100px;
    text-align: left;
    font-size: 13px;
    background: #494745;
    z-index: 1;
    display: block;
    overflow-y: scroll;
    box-sizing: border-box;
    border-left: 1px solid #6f6f6f;
}

/* 開閉用ボタン ※ボタンの細かいスタイルは省略 */
.side-menu-btn {
	position: fixed;
    top: 3px;
    right: 20px;
    width: 30px;
    height: 30px;
    padding: 5px;
    cursor: pointer;
    z-index: 4;
}

.ellipsis-v {
	position: relative;
    display: block;
    cursor: pointer;
    width: 30px;
    height: 19px;
}
.side-open .ellipsis-v{
	/*background: url(../images/closeBtn.png) no-repeat center;
	background-size: 100% 100%;*/
}
.ellipsis-v .point {
	position: absolute;
    left: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 2px;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 8px 0 #161616;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.ellipsis-v .point.top {
	top: 0;
}

.ellipsis-v .point.mid {
	top: 0;
	bottom: 0;
}

.ellipsis-v .point.bot {
	bottom: 0px;
}

.ellipsis-v .point.menu {
	bottom: 0;
	height: 0;
	left: -15px;
}
.ellipsis-v .point.menu::after{
	content: 'menu';
	position: absolute;
	bottom: -24px;
	color: #fff;
	font-weight: 700;
}

.side-menu-btn:hover .top {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}

.side-menu-btn:hover .bot {
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
}

.side-open .side-menu-btn:hover .top,
.side-open .top {
	width: 25px;
	height: 2px;
	background: #fff;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.side-open .mid {
	opacity: 0;
}

.side-open .side-menu-btn:hover .bot,
.side-open .bot {
	width: 25px;
	height: 2px;
	background: #fff;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.side-open .ellipsis-v .point.menu {
	bottom: 0;
	height: 0;
	left: -20px;
}

.side-open .ellipsis-v .point.menu::after {
	content: 'close';
	color: #fff;
	font-weight: 700;
}
.side-open .side-menu-btn:hover .ellipsis-v .point.menu::after {
	color: #4787ed;
}
.side-open .side-menu-btn:hover .bot,
.side-open .side-menu-btn:hover .top {
	background: #4787ed;
}

/* サイドメニューオープン */
.side-open #containerWrap,
.side-open .overlay {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}


/************************************************
*	map 					     		    * 
************************************************/
#map_clear{
	clear:both;
	margin-bottom:0px;
}
#map_wrapper{
}
#map_wrapper_mid{
	float:left;
	width:930px;
	background-color:#fde6ee;
}
#map_wrapper_mid .col1{
	float:left;
	width:635px;
	min-height:300px;
}
#map_wrapper_mid .harf{
	min-height:198px;
}
#map_wrapper_mid .col2{
	float: right;
	width: 295px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
}
.map_right_box{
	width:263px;
	background-image: url(images/map_right_inser.jpg);
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
}
.map_right_box_title{
	width:233px;
	height:28px;
	padding-top:6px;
	padding-left:30px;
	background-image: url(images/map_right_title.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}
.map_right_box_in{
	width:233px;
	padding:15px;
	padding-top:5px;
	padding-bottom:0px;
}
.map_right_box_in p.exp{
	font-size:10px;
	line-height:1.2em;
	color:#000;
	margin-bottom:0px;
}
.map_right_box_in h3{
	font-size:22px;
	color:#495da2;
	font-weight:bold;
	text-align:center;
	margin-bottom:0px;
	margin-top:0px;
}
.map_right_box_in h3 small{
	font-size:12px;
}
.map_right_box_in p.imp{
	font-size:10px;
	line-height:1.2em;
	color:#e60379;
	margin-bottom:2px;
}
.map_right_box_in p.btn{
	margin-left:-5px;
}
.map_right_box_footer{
	width:263px;
	height:11px;
	background-image: url(images/map_right_footer.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#map{
	width:635px;
	min-height:300px;
	position:relative;
}
#map #mapOver{
	position:absolute;
	width:333px;
	height:261px;
	top:10px;
	left:15px;
	background-image: url(images/map.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#map #mapList{
	
}
#map #mapList .ft-title{
	padding:10px; width: 615px; text-align:right; 
}
#ft-buttons-mapList{
	position:absolute;
	top:0px;
	left:20px;
}
#ft-buttons-mapList a{
	display:block;
	position:absolute;
	width:170px;
	height:30px;
	text-align:center;
	padding-top:3px;
	color:#c2c3c4;
	/*text-shadow : -1px -1px 1px #be7a0a;*/
	font-weight:bold;
	/*background-image: url(images/map_icon.png);*/
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size:14px;
}
#ft-buttons-mapList a:hover{
	color:#FFF;
}
#ft-buttons-mapList a small{
	color:#CCC;
	font-size:11px;
}
#ft-buttons-mapList a#north_img_link{
	top:35px;
	left:85px;
	width:128px;
	height:42px;
	background-image: url(/wp/wp-content/uploads/2011/12/north_map.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#ft-buttons-mapList a#east_img_link{
	top:80px;
	left:180px;
	width:137px;
	height:42px;
	background-image: url(/wp/wp-content/uploads/2011/12/east_map.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#ft-buttons-mapList a#sourth_img_link{
	top:170px;
	left:120px;
	width:114px;
	height:42px;
	background-image: url(/wp/wp-content/uploads/2011/12/south_map.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#ft-buttons-mapList a#west_img_link{
	top:85px;
	left:-6px;
	width:125px;
	height:42px;
	background-image: url(/wp/wp-content/uploads/2011/12/west_map.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}


#ft-buttons-mapList a.ft-button-mapList-active{
	color:#fff;
}
#ft-buttons-mapList a#north_img_link.ft-button-mapList-active{
	background-image: url(/wp/wp-content/uploads/2011/12/north_map_active.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#ft-buttons-mapList a#east_img_link.ft-button-mapList-active{
	background-image: url(/wp/wp-content/uploads/2011/12/east_map_active.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#ft-buttons-mapList a#sourth_img_link.ft-button-mapList-active{
	background-image: url(/wp/wp-content/uploads/2011/12/south_map_active.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#ft-buttons-mapList a#west_img_link.ft-button-mapList-active{
	background-image: url(/wp/wp-content/uploads/2011/12/west_map_active.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/************************************************
*	common bar									*
************************************************/
.bar{
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-left:5px;
	padding-top:6px;
	padding-bottom:6px;
}
.bar h2{
	font-size:12px !important;
	font-weight:bold;
	margin:0px;
	padding:0px;
	padding-left:15px;
	background-image: url(images/w_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color:#FFF;	
}
.bar_org{
	background-color:#f39800;
	text-shadow : -1px -1px 1px #dc8c05;
}
.bar_blue{
	background-color:#28a7e1;
	text-shadow : -1px -1px 1px #2492c4;
}
.bar_green{
	background-color:#7fba2d;
	text-shadow : -1px -1px 1px #6b9f24;
}
.bar_red{
	background-color:#736156;
	text-shadow : -1px -1px 1px #5d4f46;
}
.bar_gray{
	background-color:#727171;
	text-shadow : -1px -1px 1px #5d5d5d;
}
.bar_pink{
	background-color:#f38aaa;
	text-shadow : -1px -1px 1px #8a4b5e;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.box{
	margin-bottom:10px;
}
.box .con{
	
}
.box .desp{
	line-height:1.5em;
	padding:20px;
}
.btnbox{
	padding-top:10px;
	text-align:right;
	float:right;
}
.btnbox_clear{
	clear:both;
}
.box_normagin{
	margin-bottom:0px !important;
}

.box .subtitle{
	font-weight:bold;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

.box .red{
	color:#726055;
	font-size:12px;
}
.box .bg_red{
	background:#f7f7f7;
}
.clear{
	clear:both;
}

/************************************************
*	common btn									*
************************************************/

a.btn{
	text-align:center;
	display:block;
	padding-top:3px;
	width:112px;
	height:23px;
	color:#666666;
	text-shadow : 1px 1px 1px #fff;
	background-image: url(images/btn.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a.btn:active{
	color:#333;
	background-image: url(images/btn_.png);
	background-repeat: no-repeat;
	background-position: left top;
}
*:first-child+html a.btn{
	padding-top:6px;
}

a.mbtn{
	text-align:center;
	display:block;
	padding:0px !important;
	padding-top:2px !important;
	width:72px;
	height:15px;
	color:#fff !important;
	text-shadow : -1px -1px 1px #544b3f;
	background-image: url(images/detailbtn.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:10px;
}
a.mbtn:active{
	color:#333;
	background-image: url(images/detailbtn_.png);
	background-repeat: no-repeat;
	background-position: left top;
}
*:first-child+html a.mbtn{
	padding-top:2px;
}

/************************************************
*	Masthead 					     		    * 
************************************************/

#masthead { 
	width: 930px;
	min-height:100px;
}

	/* #masthead a { display: block; width: 770px; height: 100px; } */ /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */

#masthead h1 {
	margin:0px;
	padding:0px;
} 
#masthead #logo{
	padding-top:0px;
	padding-left:5px;
}

#masthead h3 { font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 0.75em 0; font-weight: normal; font-size: 14px; text-transform: none; color: #888;  }

#masthead a:link, #masthead a:visited	{ color:#414F59; text-decoration:none; }
#masthead a:hover, #masthead a:active	{ color:#444; text-decoration:underline;}


#banner { background: url("images/banner.jpg") no-repeat; height:134px; }

#banner1 { background: url("images/banner1.jpg") no-repeat; height:134px; }

#banner2 { background: url("images/banner2.jpg") no-repeat; height:134px; }

#masthead #description{
	padding-top:10px;
	padding-left:10px;
}
#masthead #description h3{
	font-size:12px;
	margin:0px;
	padding:0px;
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#masthead #description h1{
	font-size:10px;
	margin:0px;
	padding:0px;
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/************************************************
*	tab								*
************************************************/

#bookTab {
	margin-bottom:0px;
}
#bookTab ul {
	
}
#bookTab li { list-style:none; float:left; }
#bookTab ul a {
	display:block;
	padding:6px 12px!important;
	text-decoration:none!important;
	margin-left:0;
	margin-top:0;
	font:14px;
	font-weight:bold;
	color:#FFF;
	height:20px;
	text-shadow : -1px -1px 1px #6B9E24;
	margin-right:1px;
	background-color: #7FBA2D;
	background-image: url(images/tabbg.png);
	background-repeat: repeat-x;
	background-position: left bottom;  
}
*:first-child+html #bookTab ul a{
	padding-top:12px !important;
}
#bookTab ul a:hover {
  color:#7FBA2D;
  background:#fff;
  text-shadow:none;
  margin-top:-3px;
  height:23px;
  }
#bookTab ul a.selected {
  margin-bottom:0;
  margin-top:-3px;
  height:23px;
  color:#7FBA2D;
  background:#fff;
  /*border-bottom:1px solid snow;*/
  cursor:default;
  text-shadow:none;
  }
#bookTab div {
  padding:5px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:#fff;
  font:10pt Georgia;
}
#bookTab div a { color:#000; font-weight:bold; }


/*
back
*/
#contentsWrapper{
	float:left;
	width:709px;
	margin-bottom:20px;
}
#contentsBar{
	width:709px;
	padding-bottom:10px;
	background-color:#FFF;
}
.pankuzu{
	padding-left:5px;
}
#contentsInnerRight{
	width:709px;
	margin-bottom:20px;
	float:right;
}

/************************************************
*	Comments									*
************************************************/
	

#commentblock {

	background: #EFEFEF;
	color: #000000;
	padding: 20px 20px 10px 20px;
	margin: 0px 0px 0px 0px;
	border-top: 2px solid #4C666A;
	border-bottom: 1px solid #4C666A;
	}
	
#commentblock ol{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	margin: 25px 20px 20px 0px;
	padding: 10px 10px 0px 10px;
	background: #F9F9F9;
	border:1px solid #DEDEDE;
	font-style:normal;
	}


.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	background: #FFFFFF url("images/comment.gif") no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

img.avatar {float:right; margin-right:20px; border: 1px solid #4C666A;}

.awaiting { color: #886353; }

.auth-name { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color:#000;}

.auth-time { font-size: 10px; color:#616161; font-style:italic;}

#comments, #respond { text-transform:uppercase; font-size: 14px; font-weight:normal;}

/************************************************
*	Wordpress Suggestions						*
************************************************/
.table {
    border: 1px solid #B86803;
    margin: 0 0 8px;
}
.table th {
    background: none repeat scroll 0 0 #5C2105;
    border-bottom: 1px dotted #EFE8DA;
    color: #FFFFFF;
    padding: 8px;
    width: 120px;
}
.table td {
    border-bottom: 1px dotted #B86803;
    color: #5C2105;
    padding: 8px;
}
.table .school_date_bt {
    border-bottom: medium none;
}


.simple_table {
    border: 1px solid #B86803;
    margin: 0 0 16px;
}
.simple_table tr.col{
	background-color:#fef4ec;
}
.simple_table td {
    border-bottom: 1px dotted #B86803;
    border-right: 1px dotted #B86803;
    color: #5C2105;
    padding: 8px;
}
.simple_table td.bold {
	font-weight:bold;
}
.simple_table td.school_charge_dots_line {
    background: url("../images/dot.gif") repeat scroll 0 0 transparent;
    border-top: 1px solid #B86803;
	font-weight:bold;
}
.simple_table td.school_charge_bt {
    border-bottom: medium none;
}
.simple_table td.school_charge_ri {
    border-right: medium none;
}


/************************************************
*	Title系				    					*
************************************************/

/*london style*/
table tr td{
	padding:5px;
}
table tr th{
	padding:5px;
}
table.hikaku{
-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FD341F -moz-use-text-color -moz-use-text-color #FD341F;
    border-style: solid none none solid;
    border-width: 1px medium medium 1px;
    margin-bottom: 14px;
    width: 100%;
}
table.hikaku tr td{
	padding:5px;
    border-bottom: 1px solid #FD341F;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FD341F;
    font-size: 12px;
    font-weight: bold;
    padding: 7px;
}
table.hikaku tr th{
	padding:5px;
background: none repeat scroll 0 0 #FD341F;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 12px;
    padding: 7px;
    width: 140px;
}

.title{
	border-bottom: 3px solid #d3156a;
    color: #d3156a;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 10px;
    
}
.title2{
	border-bottom: 3px solid #d3156a;
    color: #d3156a;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 10px;
    
}
h3.bic_title{
	font-size:16px;
	padding:10px;
	background-image: url(http://www.london-ryugaku.com/wp/wp-content/uploads/kotei_page_title_pink.png);
	background-repeat: no-repeat;
	padding-top:15px;
	padding-left:60px;
	padding-bottom:30px;
	margin-bottom:20px;

	color:#FFF;
}
.bic_title{
	
	font-size:16px;
	padding:10px;
	background-image: url(http://www.london-ryugaku.com/wp/wp-content/uploads/kotei_page_title_pink.png);
	background-repeat: no-repeat;
	padding-top:15px;
	padding-left:60px;
	padding-bottom:30px;
	margin-bottom:20px;

	color:#FFF;
}
.kotei_page_sub_title{

	
	font-size:14px;
        margin-bottom:15px;
}

.kotei_page_border{
	color: #001b78;
	font-size: 128%;
	font-weight: 700;
	padding: 15px 0 15px 65px;
	margin:15px 0;
	background: url(../images/icon_chick02.png) no-repeat left center;
}
.kotei_page_border span{
	display: block;
}

.kotei_page_margin_t_b{
	
	margin-top:15px;
	margin-bottom:15px;
}
.sub_title{
	font-size:14px;
	padding:10px;
	padding-bottom:6px;
	padding-left:5px;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #d3156a;
	color:#d3156a;
}
.red{
	font-weight: bold;
	color:#c84e4e;
	margin-bottom:5px;
}
.green{
	font-weight: bold;
	color:#96bc3b;
	margin-bottom:5px;
}
div.b{
	border-bottom:1px dotted #333;
	padding-bottom:10px;
	margin-bottom:10px;
}


/* layout */
.ro{
	float:left;
	margin-top:5px;
	line-height:1.3em;
	max-width:485px;
	font-size:12px;
}
.span1{
	float:left;
	width:210px;
	padding-left:5px;
	padding-bottom:10px;
}
.span2{
	float:left;
	width:270px;
	line-height:1.5em;
	font-size:12px;
	margin-bottom:15px;

}
.span3{
	float:left;
	width:480px;
}
.span1_1{
	float:left;
	width:240px;
	margin-bottom:15px;
}
.span1_r{
	float:right;
	width:200px;
	padding-left:5px;
	padding-bottom:10px;
}
.clear{
	clear:both;
	margin-bottom:20px;
	min-height:4px;
}
.clear_border{
	clear:both;
	margin-bottom:10px;
	padding-top:5px;
	border-bottom:1px dotted #999;
	min-height:4px;
}

/* text */
.t{
	line-height:1.2em;
	margin-bottom:5px;
	margin-top:5px;
}

/* size */
.b3{
	font-size:18px;
}
.b2{
	font-size:14px;
}
.b1{
	font-size:12px;
}

/* color */
.c_bl{
	color:#000 !important;
}
.c_g{
	color:#7a7979 !important;
}
.c_pi{
	color:#e56a99 !important;
}
.c_gr{
	color:#4ead92 !important;
}
.c_w{
	color:#FFFFFF !important;
}
/* font style */
.n{
	font-weight:normal;
}
.b{
	font-weight:bold;
}

/* table style */
table.r {
	max-width:480px !important;	
  width: 100%;
  margin-bottom: 18px;
  padding: 0;
  font-size: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
tabler.r th, table td {
  padding: 10px 10px 9px;
  line-height: 18px;
  text-align: left;
}
table.r th {
  padding-top: 9px;
  font-weight: bold;
  vertical-align: middle;
}
table.r td {
  vertical-align: top;
  border-top: 1px solid #ddd;
}
table.r tbody th {
  border-top: 1px solid #ddd;
  vertical-align: top;
}
.condensed-table th, .condensed-table td {
  padding: 5px 5px 4px;
}
.bordered-table {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapse;
  /* IE7, collapse table to remove spacing */

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.bordered-table th + th, .bordered-table td + td, .bordered-table th + td {
  border-left: 1px solid #ddd;
}
.bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.bordered-table tbody tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.bordered-table tbody tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}

.zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {
  background-color: #f5f5f5;
}
table .blue {
  color: #049cdb;
  border-bottom-color: #049cdb;
}
table .headerSortUp.blue, table .headerSortDown.blue {
  background-color: #ade6fe;
}
table .green {
  color: #46a546;
  border-bottom-color: #46a546;
}
table .headerSortUp.green, table .headerSortDown.green {
  background-color: #cdeacd;
}
table .headerSortUp.red, table .headerSortDown.red {
  background-color: #f4c8c5;
}
table .yellow {
  color: #ffc40d;
  border-bottom-color: #ffc40d;
}
table .headerSortUp.yellow, table .headerSortDown.yellow {
  background-color: #fff6d9;
}
table .orange {
  color: #f89406;
  border-bottom-color: #f89406;
}
table .headerSortUp.orange, table .headerSortDown.orange {
  background-color: #fee9cc;
}
table .purple {
  color: #7a43b6;
  border-bottom-color: #7a43b6;
}
table .headerSortUp.purple, table .headerSortDown.purple {
  background-color: #e2d5f0;
}


/* london custom design */
.london_school_title{

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	max-width:485px;
	background-color:#7d8ac0;
	background-repeat: no-repeat;
	margin-bottom:15px;
	padding:10px;
		
}
.london_submin_title{
	
	margin-bottom:10px;
	font-weight:bold;
	border-bottom:1px dashed #ccc;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	
}
.london_school_title h1{
	
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	margin-top:5px;
	
}
.london_school_title h5{
	
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
}
.london_school_title h2{
	
	margin:0px;
	padding:0px;
}

.london_sub_title{
	margin: 0 0 20px;
    clear: both;
    font-size: 157%;
    font-weight: 700;
    padding: 10px;
    color: #FFF;
    background: linear-gradient(90deg, #eb96b8,#fff);}
.london_sub_title_blue{
	margin: 0 0 20px;
	clear:both;
	font-size: 157%;
	font-weight: 700;
	padding: 10px;
	color:#FFF;
	background: linear-gradient(90deg, #001b78,#fff);
	
}
.school_bn{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:2px solid #999999 ;
	padding:1px;
	width:485px;
}
.school_bn .bn_title{
	
	padding-bottom:5px;
	padding-left:15px;
	padding-top:5px;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0;
	
	color:#dd5089;
}
.school_bn .layout{
	padding-left:5px;
	padding-right:5px;
	font-size: 10px;
}
.school_bn .tel{
    color: #495DA2;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: left;
    padding-left:5px;
}
.school_bn .imp{
	font-size:10px;
line-height: 1.2em;
color: #E60379;
margin-bottom: 2px;
padding-left:5px;
}
.school_bn .btn{
	
	margin-top:0px;
	padding:0;
	margin-bottom:10px;
}

.school_bn .underline{

	margin-top:5px;
	margin-bottom:10px;
}


.blue_bk {
    border-top: 2px solid #ae97f9;
}
.blue_bk p {
    margin-bottom: 0;
}
.blue_right {
    text-align: left;
    width: 100px;
}
.blue_arrow {
    padding-left: 15px;
}
/*company*/
.company_table {
    border-top: 1px solid #666666;
    margin-bottom: 10px;
    width: 480px;
}
.company_table th {
    background-color: #F5F5F5;
    border-bottom: 1px solid #666666;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    padding: 5px;
    width: 120px;
}
.company_table td {
    border-bottom: 1px solid #666666;
    font-size: 12px;
    line-height: 16px;
    padding: 5px;
}

.mokuji {
	margin: 30px 0;
	padding: 2% 2% 1%;
	border: 1px solid #001a77;
	position: relative;
	
}
.mokuji::after{
	content: 'Contents';
	width: 20%;
    display: inline-block;
	font-family: 'Hammersmith One', sans-serif;
    color: #001a77;
    font-size: 250%;
    font-weight: 700;
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    padding: 0 20px;
    margin: auto;
    background: #fff;
	text-align: center;
}

.mokuji table {
	width: 100%;
	table-layout: fixed;
	padding: 10px 0;
	box-sizing: border-box;
}

.mokuji table td{
	font-size: 114%;
	padding: 15px 0;
	color: #001b78;
	text-align: center;
}

.mokuji table td a{
	color: #001b78;
	padding: 0 10px;
	background: url(../images/arrow_blright.png) no-repeat left 7px;
}

.mokuji tr.mokuji {
 color: #666699;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
}
.point_box, .point_box_blue{
	border: 1px dashed #000;
	padding: 20px;
}
.point_detail > h3,.point_detail > h4,
.point_detail_blue > h3,.point_detail_blue > h4{
	background: url(../images/point.png) no-repeat left center;
	padding: 0 0 0 50px;
	margin: 0 0 15px;
	font-size: 157%;
	font-weight:　700 !important;
	color: #c70920;
}

/*------------------------------------------------------------

 LessonPage

------------------------------------------------------------*/
#containerLWrap{
	padding:30px 0;
	background: url(../images/lesson/bodyBg.jpg)no-repeat top center;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-attachment: fixed;
    letter-spacing: -0.001em;
    -webkit-text-size-adjust: 100%;
}
#containerL {
    background: url(../images/lesson/containerBg.png) repeat;
    overflow: hidden;
    margin: 30px auto;
    width: 1100px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#contentL {
    padding: 0px;
    clear: both;
    overflow: hidden;
    margin: 30px auto;
    width: 1000px;
}
.headcontent {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    margin-bottom: 0px;
    position: relative;
}
.logoL {
    position: absolute;
    right: 45px;
    bottom: 115px;
}
#boxW {
    background: #FFF;
    margin-bottom: -45px;
    padding: 20px 0 50px;
}
.txtP {
    width: 875px;
    display: block;
    margin: 0 auto 20px;
}
.btnL {
    margin-bottom: 20px;
    text-align: center;
}
ul.basicListL {
    background-color: #fff;
    overflow: hidden;
}
ul.basicListL li {
    margin: 0 20px 20px;
    padding-top: 20px;
    width: 293px;
    float: left;
}
ul.basicListL li p {
    text-align: center;
}
.white {
    background-color: #fff;
    padding: 20px;
}
dl.basicListL {
    margin-bottom: 10px;
}
dl.basicListL dt {
    padding: 3px 5px;
    width: 180px;
    clear: left;
    float: left;
    background-color: rgba(244,164,102,0.2);
    overflow: hidden;
}
dl.basicListL dd {
    padding: 3px 5px 3px 20px;
    overflow: hidden;
    margin-left: 180px;
}
#box1 {
    margin-bottom: 20px;
}
#box1_inner {
    padding: 0 30px;
    overflow: hidden;
    background: url(../images/lesson/box1Bg.png) repeat-y 0 0;
}
ul.topMenuL {
    clear: both;
    margin-right: -40px;
}
ul.topMenuL li {
    display: block;
    float: left;
    width: 200px;
    margin-right: 40px;
}
.imgWrap {
    height: 150px;
    overflow: hidden;
}
.nameL {
    font-size: 143%;
    padding: 15px 0;
    color: #ef858c;
    font-weight: bold;
}
.line {
    background: url(../images/lesson/underline.png) repeat-y 0px -3px;
    line-height: 1.7em;
    padding: 5px;
    margin-bottom: 20px;
    font-size: 120%;
}
#box2 {
    margin-bottom: 20px;
}
#box2_inner {
    padding: 0 30px;
    overflow: hidden;
    background: url(../images/lesson/box2Bg.png) repeat-y 0 0;
}
ul.topMenu2L {
    clear: both;
    margin-right: -40px;
}
ul.topMenu2L li {
    display: block;
    float: left;
    width: 450px;
    margin-right: 40px;
    position: relative;
    margin-bottom: 50px;
    min-height: 310px;
}
dl.menuListL {
    width: 450px;
}
dl.menuListL dt {
    width: 200px;
    clear: left;
    float: left;
    text-align: center;
}
.circle {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    float: left;
    margin-bottom: 10px;
}
.circle img {
    width: 200px;
    height: auto;
}
.name2 {
    font-size: 93%;
}
dl.menuListL dd {
    margin-left: 210px;
}
.name3 {
    font-size: 143%;
    color: #54c3f1;
    font-weight: bold;
    margin-bottom: 20px;
}
.line2 {
    float: right;
    background: url(../images/lesson/underline2.png) repeat-y 0px -4px;
    line-height: 1.7em;
    margin-bottom: 20px;
    width: 244px;
    font-size: 120%;
    text-align: left;
}

/************************************************
*	追加	    					*
************************************************/

a.external {
  color: #4787ed;
  text-decoration: underline;
}
.external::after {
  content: '';
  font-family: 'fontawesome';
  display: inline-block;
  vertical-align: middle;
}

.flex-two-right-Box{
	margin: 0 0 0 auto;
  text-align: right;
}
.flex-two-right-Box div{
	display: inline-block;
	padding: 0 0 0 1em;
	vertical-align: bottom;
}

.campaign_note{
  margin: 1em 0 0;
  font-size: 0.9em;
  line-height: 1.5;
}
.school_note{
  margin: 0 0 1em;
  font-size: 0.9em;
  line-height: 1.5;
	text-align: center;
	
}
.flaTi{
	font-size: 1.2em;
	color: #0000cc;
}

ul.boBTable li{
	padding: 2%;
	border-bottom:1px dashed #ac875b;
}

p.boBTable a{
	width: 200px;
	margin: 10px auto;
	text-decoration: none;
	display: block;
	padding: 2px 20px;
	color: #fff;
	border:2px solid #ac875b;
	text-align: center;
	background: #ac875b url(../images/arrow_wright.png) no-repeat 95% center;
	transition: all .3s;
}
p.boBTable a:hover{
	color: #ac875b;
	background: #fff url(../images/arrow_brlright.png) no-repeat 95% center;
}



.covid-link {
	background: #ffe14b;
	border: solid 2px #ffd400;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	cursor: pointer;
	padding: 15px 0;
  }
  
  a.covid-link {
	text-decoration: none;
  }
  .covid-link:hover {
	opacity: .7;
  }
  
  .covid-link span {
	font-weight: bold;
	color: #222;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	display: block;
	margin-right: 20px;
	font-size: 15px;
  }