@charset "utf-8";

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

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

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

/*
0:Base
------------------------------------------------------------
*/
@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;
}
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
	color: #666;
	font-size: 13px;
	line-height: 170%;
	text-align: left;
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}
.win body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
}
a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #666;
	transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
}
a:hover {
	color: #666;
	text-decoration: underline;
}
a:focus {
	outline: none;
}
a:hover, a:active {
	outline: 0;
}
.opacity:hover{
	-moz-opacity:0.7;
	-ms-opacity:0.7;
	-webkit-opacity:0.7;
	opacity:0.7;
}
img{
	vertical-align: bottom;
}
/*
1:Base
------------------------------------------------------------
*/
#containerWrap {
}
#container {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto 3em;
}
#content {
	padding: 0px;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	width: 1000px;
}
#main {
	float: left;
	width: 780px;
}
#main a:link,#main a:visited{color:#84bb33;}
#sub {
	float: right;
	width: 200px;
}
#breadcrumbList {
	font-size: 100%;
	margin-bottom:10px;
}
.wp-pagenavi {
	clear:both;
	padding: 15px 0 !important;
}
.secound {
	clear: both;
	width: 1000px;
	margin: 0 auto;
	height: 90px;
	background: url(../images/secoundBg.png) no-repeat 0 0;
	padding-bottom: 25px;
}
.section {
	margin-bottom: 2em;
	clear: both;
	overflow: hidden;
}
.section2 {
	margin-bottom: 10px;
	clear: both;
	overflow: hidden;
}
.sectionC{
	margin-bottom: 2em;
	clear: both;
	overflow: hidden;
	text-align:center;
}
.section a{
	text-decoration:underline;
}
.section a:hover{
	text-decoration:none;
}
.sectionC {
	margin-bottom: 2em;
	clear: both;
	overflow: hidden;
	text-align:center;
}
.leftCol {
	float:left;
	padding: 10px;
	width: 265px;
}
.rightCol {
	float:right;
	padding: 10px;
	width: 380px;
}
.leftBox {
	float: left;
	margin: 0;
	width: 200px;
}
.rightBox {
	width: 430px;
	float: right;
	margin: 0;
}
.ate {
	padding:15px;
	border: 1px dotted #1d1d1d;
	overflow: hidden;
}
.box {
	padding: 15px;
	background: #F7F7F7;
}
article {
	background-color: #fff;
	padding-bottom: 2em;
}
/*
2:h_tag
------------------------------------------------------------
*/
h2.mainTi {
	margin-bottom: 20px;
    padding: 15px 15px 20px;
    font-size: 179%;
    font-weight: bold;
    color: #FFF;
    background: url(../images/mainTi.png) no-repeat right 0;
    background-size: auto 100%;
    line-height: 1.6;
}
h2.schoolTi {
	margin-bottom: 20px;
	padding: 25px 10px 30px 85px;
	font-size: 179%;
	font-weight:bold;
	color: #FFF;
	background:url(../images/schoolTi.png) no-repeat 0 0;
	line-height:0.7;
}
h2.schoolTi .furigana{
	font-size:63%;
	padding-top: 12px;
}
h3.mainTi {
	margin-bottom: 20px;
	font-size: 154%;
	background:url(../images/h3Bg.png) no-repeat 0 0;
	height:50px;
	line-height:50px;
	font-weight:bold;
	color:#FFF;
	padding-left:15px;
}
h3.mainTi a:link,
h3.mainTi a:visited{
	color:#FFF !important;
}
.columnTi {
	font-size: 154%;
	font-weight: bold;
	margin-bottom: 15px;
	padding-top: 10px;
}
h3.mainTi2 {
	margin-bottom: 20px;
	font-size: 154%;
	background:url(../images/h3Bg2.png) no-repeat 0 0;
	height:50px;
	line-height:50px;
	font-weight:bold;
	color:#3f3f3f;
	padding-left:15px;
}
h3.mainTi3 {
	margin-bottom: 20px;
	font-size: 154%;
	background:url(../images/h3Bg3.png) no-repeat 0 0;
	height:50px;
	line-height:50px;
	font-weight:bold;
	color:#3f3f3f;
	padding-left:15px;
}
h3.subTi {
	font-weight: bold;
	font-size: 131%;
	margin-bottom: 15px;
}
h4.mainTi {
	background:url(../images/h4Bg.png) no-repeat center bottom;
	padding-bottom:8px;
	font-size: 131%;
	color:#000;
	margin-bottom: 15px;
	font-weight:bold;
	padding-left:15px;
}
h4.mainTi2 {
	background:url(../images/h4Bg2.png) no-repeat center bottom;
	padding-bottom:8px;
	font-size: 131%;
	color:#000;
	margin-bottom: 15px;
	font-weight:bold;
	padding-left:15px;
}
h4.subTi {
	font-weight: bold;
	font-size: 131%;
	padding:5px 10px;
	margin-bottom:10px;
	border-left:5px solid #000;
	color:#000;
}
h4.subTi2 {
	font-weight: bold;
	font-size: 131%;
	padding:5px 0;
	color:#000;
	margin-bottom:10px;
	border-bottom:1px dotted #000;
}
h4.subTi3 {
	font-weight: bold;
	font-size: 131%;
	padding:5px 10px;
	margin-bottom:10px;
	color:#df617a;
	border-left:5px solid #f7acbb;
}
h4.subTi4 {
	font-weight: bold;
	font-size: 131%;
	padding:5px 0;
	color:#df617a;
	margin-bottom:10px;
	border-bottom:1px dotted #df617a;
}
h5.mainTi{
	font-size:124%;
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
}
h5.mainTi2{
	font-size:124%;
	font-weight:bold;
	color:#df617a;
	margin-bottom:10px;
}
.star{
	font-size:124%;
	font-weight:bold;
	padding-left:30px;
	background:url(../images/text_star.png) no-repeat 0 50%;
	margin: 5px 0;
}
/*
3:Common style
------------------------------------------------------------
*/
.alignleft {
	float: left;
	padding: 0 15px 15px 0;
}
.alignright {
	float: right;
	padding: 0 0 15px 15px;
}
.aligncenter {
	display: block;
	margin:0 auto;
}
.photoL {
	float: left;
	padding: 0 15px 15px 0;
}
.photoL p {
	overflow: auto;
}
.photoR {
	float: right;
	padding: 0 0 15px 15px;
}
.photoR p {
	overflow: auto;
}
.map {
	padding-bottom: 15px;
}
.btn {
	padding: 10px 0;
}
.tel {
	font-size: 124%;
	color: #111;
}
.name {
	font-size: 123.1%;
	padding-bottom: 3px;
}
.disc {
	padding-bottom: 18px;
	font-size: 63%;
	line-height: 1.6em;
}

.more {
	float: right;
	padding: 10px 15px;
	text-align: center;
}
.more a {
}
.more a:hover {
}
.btn {
	float: right;
	padding: 10px 0;
}
.hr {
	clear: both;
	height: 1px;
	margin: 1em 0;
	border-top: #999 1px dotted;
}
.bold {
	font-weight: bold;
}
.day {
	margin-right:10px;
	font-family: 'Economica';
	font-size:86%;
}
.priceMini {
	font-size: 77%;
	text-align:right;
}
.imgTi {
	margin-bottom: 15px;
}
.imgTi0 {
	margin-bottom: 0px;
}
.imgTi5 {
	padding-bottom: 5px;
}
.imgTi10 {
	padding-bottom: 10px;
}
.imgTi15 {
	padding-bottom: 15px;
}
.imgTi20 {
	padding-bottom: 20px;
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}

.mbbr{
	margin-bottom:24px;
}


/*
4:Header
------------------------------------------------------------
*/
h1 {
	padding-top: 0px;
	padding-bottom: 20px;
	font-size: 93%;
	color:#666;
}
header {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 10px;
}
#headerLeft {
	float: left;
	width: 380px;
}
#headerRight {
	float: right;
	margin-top: 10px;
	text-align: right;
	width: 540px;
}
#hContact{
	width:243px;
	float:right;
	padding-top:10px;
}
.hNavi{
	margin-bottom:10px;
	overflow:hidden;
}
.hNavi li{
	float:left;
	margin-left:10px;
}
.hNavi li a{
	padding:3px 10px;
	display:block;
	background:#AED476;
}
.hNavi li a:link,
.hNavi li a:visited{
	color:#FFF;
}
.hNavi li a:hover{
	text-decoration:none;
	background:#E28198;
}
.hNaviBox {
	overflow: hidden;
	margin-bottom: 5px;
}
.logo {
	text-align:left;
}

#gnaviWrap {
	width: 100%;
	overflow: hidden;
	clear: both;
	background: url(../images/gnaviBg.png) repeat-x top center;
	/* margin-bottom: 15px; */
}
#gnavi {
	width: 1000px;
	margin: 0px auto;
	clear: both;
	text-align: center;
	height: 50px;
}
#gnavi li {
	float: left;
}
#gnavi li a:hover {
}

/*
5:Common table
------------------------------------------------------------
*/
.basicTable  {
	margin-bottom: 10px;
	width: 100%;
	border: 1px #000 solid;
}
.basicTable th {
	padding: 1.5%;
	width: 30%;
    border: #000 solid 1px;
    background: #e3e3e3;
    font-weight: bold;
}
.basicTable td {
	padding: 1.5%;
    border: 1px #000 solid;
	vertical-align: top;
}
.basicTable2  {
	margin-bottom: 10px;
	width: 100%;
	border: 1px #000 solid;
}
.basicTable2 th {
	padding: 1.5%;
    border: 1px #000 solid;
    font-weight: bold;
	background:#ffe7eb;
}
.basicTable2 td {
	padding: 1.5%;
    border: 1px #000 solid;
	vertical-align: top;
}
.basicTable2 td.t2{
	background:#f3f3f3;
}
.schoolTable{
	margin-bottom: 10px;
	width: 100%;
	border: 1px #000 solid;
}
.schoolTable th {
	padding: 1.5%;
	width: 27%;
    border: 1px #000 solid;
    font-weight: bold;
	background:#ffe7eb;
	vertical-align: top;
}
.schoolTable td {
	padding: 1.5%;
    border: 1px #000 solid;
	vertical-align: top;
}
.priceTable {
	margin-bottom: 10px;
	width: 100%;
	border: 1px #000 solid;
	text-align:center;
}
.priceTable th {
	padding: 2%;
    border: 1px #000 solid;
    font-weight: bold;
	background:#ffe7eb;
}
.priceTable td {
	padding: 2%;
    border: 1px #000 solid;
	vertical-align: top;
}
.priceTable td.t2{
	background:#f3f3f3;
}
.basicTable3  {
	margin-bottom: 10px;
	width: 100%;
	border: 1px #000 solid;
    text-align: center;
}
.basicTable3 th {
	padding: 1.5%;
    border: 1px #000 solid;
	background:#ffe7eb;
    font-weight: bold;
}
.basicTable3 td {
	padding: 1.5%px;
    border: 1px #000 solid;
	vertical-align: top;
}/*
6:Common UL
------------------------------------------------------------
*/
.columnCategory {
  display: inline-block;
	padding: 5px 10px;
	background: #AED476;
	color: #fff;
	margin-right: 10px;
}
ul.columnList li {
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;
	border: 1px solid #ddd;
}
#main ul.columnList li a {
	display: block;
	padding: 20px;
	text-decoration: none;
	overflow: hidden;
  color: #666;
}
h3.columnTi {
	font-size: 154%;
	font-weight: bold;
	margin-bottom: 15px;
	padding-top: 10px;
}
dl.columnContent dt {
	float: left;
	clear: both;
	width: 250px;
	height: 180px;
	margin-right: 20px;
	overflow: hidden;
}
dl.columnContent dt img{
  width: 100%;
}
dl.columnContent dd {
	overflow: hidden;
}

ul.bnrList {
	margin-bottom: 2em;
}
ul.bnrList li {
	margin-bottom: 15px;
}
ul.bnrList2 {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	background: #FCFBF5;
}
ul.bnrList2 li{
	text-align: center;
	margin-bottom: 10px;
}
ul.bnrList2 li:last-child{
	margin-bottom: 0px;
}
ul.bnrList2 li img{
	width:175px;
	height:auto;
}
ul.menu {
}
ul.menu li a {
	width: 215px;
	padding: 8px 15px 8px 20px;
	background: url(dot1.png) no-repeat 0px 10px;
	display: block;
	border-bottom: 1px dotted #604c3f;
	margin-top: -1px;
	font-size: 100%;
}
ul.menu li a:hover {
	text-decoration: none;
	background: #111;
	color: #FFF;
}
ul.blogList li {
	padding-bottom: 8px;
	border-bottom: 1px dotted #666;
	margin-bottom: 8px;
	padding-left: 10px;
	background: url(migi2.gif) no-repeat 0px 6px;
}

ul.infoList {
	margin-bottom: 40px;
}
ul.infoList li {
	padding-bottom: 10px;
	padding-left: 25px;
	margin-bottom: 10px;
	background: url(../images/migi.png) no-repeat 10px 5px;
	border-bottom: 1px dotted #604c3f;
}
ul.basicList {
}
ul.basicList li {
	padding: 0 0 0 20px;
	background: url(../images/mokuji_star.png) no-repeat 0 3px;
	margin: 5px 0;
}
ul.photo {
	clear:both;
	margin-right: -45px;
}
ul.photo li {
	float:left;
	margin-right: 45px;
	margin-bottom: 20px;
	font-size:86%;
	line-height:1.4;
	width: 230px;
}
ul.photo li .imgWrap {
	width: 230px;
	height: 150px;
	overflow:hidden;
}
ul.photo li .imgWrap img{
	width: 230px;
	height: auto;
}

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;
}


/*
7:Common DL
------------------------------------------------------------
*/
dl.basicList {
	margin-bottom:2em;
	width: 100%;
}
dl.basicList dt {
	clear: left;
 	float: left;
	margin: 0 0 0.8em;
	width: 12.5em;
	border-left: solid 2px #CCC;
 	padding-left: 5px;
 	overflow: hidden;
 	color: #000;
}
dl.basicList dd {
	margin-bottom: 0.8em;
	margin-left: 12.5em;
	overflow: hidden;
}
dl.menuList {
	padding: 10px;
	overflow: hidden;
	clear: both;
	background: url(../images/migi2.png) no-repeat right 10px center;
	margin-bottom: 0px;
}
dl.menuList dt {
	float:left;
	width: 130px;
	height:100px;
	overflow:hidden;
	margin-right:20px;
}
dl.menuList dt img{
	width:100%;
	height:auto;
}
dl.menuList dd {
	overflow:hidden;
	text-align: left;
	line-height: 1.6em;
	padding: 0 50px 0px 0px;
}
dl.menuList dd a{
	text-decoration:none !important;
}
dl.menuList:hover {
	background-color: #fdf0fb !important;
}
dl.contentIndexList{
	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.contentIndexList dt{
	position: absolute;
    top: -21px;
    left: 0;
    right: 0;
    width: 130px;
    margin: auto;
    padding: 0;
    text-align: center;
    color: #ac875b;
    font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    font-size: 200%;
    font-weight: 700;
    background: #fff;
}

/*
8:top
------------------------------------------------------------
*/
#topMain {
	width: 1000px;
	overflow: hidden;
	clear: both;
	margin: 0 auto 20px;
	padding-bottom:20px;
	border-bottom: #F9D4DD 5px solid;
	height: 362px;
}
.topLeft {
	float:left;
	width: 750px;
	height: 362px;
	margin: 0px auto;
}
.topRight {
	float: right;
	width: 230px;
	margin: 0px auto 20px;
}
.moreNews {
	float: right;
	margin-right:20px;
}
ul.topMenu {
	overflow: hidden;
	margin-right: -30px;
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
ul.topMenu li {
	width: 240px;
	float: left;
	margin-right: 30px;
	background: #FCFBF5;
	padding-bottom:10px;
}
dl.topMenuList{
	width: 220px;
	padding-left: 10px;
	padding-right: 10px;
}
dl.topMenuList dt{
	padding-left: 35px;
	background: url(../images/star.png) no-repeat 0 6px;
	font-size: 108%;
	font-weight: bold;
	color: #E28198;
	padding-top: 10px;
	margin-bottom: 10px;
	border: none;
}
dl.topMenuList dd {
	padding-left: 20px;
	padding-bottom: 8px;
	padding-top: 8px;
	overflow: hidden;
	background: url(../images/migi.png) no-repeat 5px 14px;
	border-bottom: 1px dotted #3F3F3F;
}
ul.areaList {
	padding: 5px 5px 5px 10px;
	background: url(../images/areaBg.png) no-repeat top center;
	width: 780px;
	height: 46px;
	overflow: hidden;
	clear: both;
}
ul.areaList li a {
	text-align: center;
	font-size: 93%;
	padding: 5px;
	border: 1px #fff solid;
	color: #000;
	float: left;
	margin-right: 10px;
	text-decoration: none;
}
ul.areaList li a:hover{
	background: #fff;
	display: block;
}
ul.areaList2 {
	margin-right: -8px;
}

ul.areaList2 li {
	overflow: hidden;
	float: left;
	margin: 0 8px 0 0;
	/*margin-right: px;*/
}
ul.areaList2 li a{
	display: block;
	width: 100%;
	padding: 5px;
	background: #84bb33;
	margin-bottom: 5px;
	color: #fff !important;
}
ul.snsList {
	overflow: hidden;
}
ul.snsList li {
	float: left;
	display: inline-block;
	margin-right: 10px;
}




.areaCategory {
	font-size: 85%;
	background: #F7ACBB;
	padding: 5px;
}
.areaTi {
	font-size: 124%;
	font-weight: bold;
	margin-bottom: 10px;
}
.areaDis {
	font-size: 93%;
}
/*
9:side
------------------------------------------------------------
*/
ul.topSide {
	background: url(../images/topSubBg.png) no-repeat top center;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
ul.topSide li {
	margin-bottom: 10px;
}
.sideSection {
	width: 100%;
	margin-bottom: 20px;
}
.sideContact {
	text-align: center;
	padding: 6px;
	background: #F7ACBB;
	margin-bottom: 15px;
}
.sideContactBtn2 {
	background: url(../images/sideBnr01Bg.png) no-repeat top center;
	text-align: center;
	padding-top: 60px;
	margin-bottom: 15px;
}


/*
10:Footer
------------------------------------------------------------
*/
#footerWrap {
	clear: both;
	width: 100%;
	background: #F9D4DD;
	padding: 30px 0 0;
	text-align: center;
}
#footer {
	text-align: left;
	font-size: 93%;
	letter-spacing: 0;
	width: 1000px;
	margin: 0 auto;
}
#footer p {
	color: #000;
}
.footerBox {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 20px;
	background: url(../images/footerImg.png) no-repeat;
	background-position: 100% 50%;
}
.footerLeft {
	float: left;
	width: 40%;
	position:relative;
}
.fBtn1{
	position:absolute;
	top:180px;
	left:70px;
}
.fBtn2{
	position:absolute;
	top:240px;
	left:90px;
}
.fBtn3{
	position:absolute;
	top:160px;
	right:130px;
}
.fBtn4{
	position:absolute;
	top:210px;
	right:100px;
}
.footerRight {
	float: right;
	width: 20%;
	padding-top:50px;
}
ul.fNavi {
	width: 100%;
}
ul.fNavi li {
	float: left;
	width: 180px;
	margin-right: 20px;
}
ul.fNavi li ul li {
	background: url(../images/migi3.png) no-repeat 0 6px;
	padding-left: 15px;
	padding-bottom: 5px;
}
ul.fNavi li ul li a,
ul.fNavi li ul li a:visited,
ul.fNavi li ul li a:active {
	color: #000;
}
ul.fNavi li ul li a:hover {
	color: #000;
}
.fInfoTi {
	text-align: center;
	background: url(../images/footerTiBg.png) no-repeat top center;
	width: 200px;
	height: 40px;
	font-weight: bold;
	margin-bottom: 10px;
}
ul.fInfoList {
	width: 100%;
}
ul.fInfoList li {
	float: left;
	padding-left: 20px;
	width: 180px;
	padding-bottom:5px;
}

.copy {
	padding: 10px;
	clear: both;
	color: #fff;
	text-align: center;
	background: #000;
	min-width:1000px;
}
.qr {
	text-align: right;
	width: 80px;
	height: 80px;
	float: right;
}

h3.fTi{
	margin:0 0 10px 0;
	text-align: center;
    border: 1px solid #000;
    padding: 10px;
    font-size: 120%;
    color: #000;
}
.fBoxsWrap{
	overflow:hidden;
	clear:both;
}
.footerBoxs{
	float:left;
	margin:0 27px 0 0;
}
.footerBoxs.lastBox{
	margin:0;
}
ul.fList2 {
}
ul.fList2 li{
	background: url(../images/migi3.png) no-repeat left 5px;
	padding-left: 20px;
	padding-bottom: 5px;
}
ul.fList2 li a{
	color: #000;
	text-decoration:none;
}
ul.fList2 li a:hover{
	color: #aed476 !important;
	text-decoration:none;
}




/*
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;
}
/*
13:option/tab
------------------------------------------------------------
*/
ul.tabs {
	padding: 6px 6px 6px 10px;
	margin-bottom:20px;
	background-color: #AED476;
	width: 764px;
	overflow: hidden;
	clear: both;
}
ul.tabs li{
	margin-bottom: 5px;
	text-align: center;
	font-size: 93%;
	padding: 5px;
	border: 1px #fff solid;
	color: #000;
	float: left;
	margin-right: 10px;
	text-decoration: none;
	cursor:pointer;
}
ul.tabs li:hover{
	background: #fff;
	display: block;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	transition:0.5s;
}
div.tabs_content {
	margin-bottom: 20px;
}
div.tabs_content > div {}
.clear {
	clear:both;
	overflow:hidden;
}

/*
14:original
------------------------------------------------------------
*/
.center{ text-align:center; }
.pink{ color:#df617a; }
.f16{ font-size:124%; }
.f12{ font-size:93%; }
.qaList dt{
	background:url(../images/q.png) no-repeat bottom;
	padding-left:65px;
	font-size:124%;
	font-weight:bold;
	margin-bottom:10px;
	height:35px;
	line-height:35px;
}
.qaList dd{
	background:url(../images/a.png) no-repeat left top;
	padding-left:65px;
	min-height:35px;
	margin-bottom:30px;
}
.mokujiList{
	padding:10px;
	padding-left:145px;
	background:url(../images/mokuji.png) no-repeat left center;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin-bottom:10px;
	min-height:44px
}
.mokujiList li{
	padding-left:20px;
	line-height:20px;
	background:url(../images/mokuji_star.png) no-repeat left center;
	display:inline-block;
	margin:0 10px 10px 0;
}
.grayBox{
	padding:15px;
	background:#dfdfdf;
}
.pinkBox{
	padding:15px;
	background:#ffdce3;
}
.yellowBox{
	padding:15px;
	background:#fffcdc;
}
.school_about dt{
	float:left;
	margin-right:20px;
}
.school_about dd{ overflow:hidden; }
.area{
	display:inline-block;
	padding:5px 10px;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	border-bottom:1px solid #FFF;
	background:#000;
	color:#FFF;
}
.planS{background:#b2a0cd;}
.planM{background:#e9afd6;}
.planL{background:#fcb498;}
.plan400{background:#b3e3ee;}
.plan700{background:#b3cde3;}
.plan1000{background:#b2a0cd;}
.attractions{
	overflow:hidden;
	margin-bottom:20px;
}
.attractions dt{
	float:left;
	margin-right:20px;
}
.attractions dd{ overflow:hidden; }
.pointTi{
	background:#1c2c6f url(../images/point_kokki.png) no-repeat 98% center;
	padding:12px 0 12px 20px;
	margin-bottom:20px;
	font-size:162%;
	font-weight:bold;
	color:#FFF;
}
.pointTi2{
	background:#000;
	font-size:162%;
	font-weight:bold;
	color:#FFF;
	padding:10px 10px 10px 15px;
	margin-bottom:20px;
}
.pointTi2 span{
	background:#FFF;
	display:inline-block;
	font-size:77%;
	color:#000;
	padding:5px 15px;
	margin-right:15px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.common_contact{
	overflow:hidden;
	position:relative;
}
.common_contact .brn01{
	position:absolute;
	bottom:110px;
	right:15px;
}
.common_contact .brn02{
	position:absolute;
	bottom:60px;
	right:15px;
}
img.photo250 {
    width: 250px;
    height: auto;
}
.flL{ float:left; }
.btnR{
	text-align:center;
	width:150px;
	padding:10px 20px;
	display:block;
	background:#aed476 url(../images/migi4.png) no-repeat 95% center;
	text-decoration:none !important;
	float:right;
}
.btnR:link,
.btnR:visited{
	color:#FFF;
}
.btnR:hover{
	background:#f7aebc url(../images/migi4.png) no-repeat 95% center;
}
.tuition {
	overflow: hidden;
	position: relative;
}
.tuition .brn03 {
	position: absolute;
	bottom: 22px;
	right: 35px;
}
.tag_cam {
	background: #bf607b;
	padding: 3px 10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color: #fff;
	font-size: 86%;
	width: 72px;
}
ul.infoList li a:link,
ul.infoList li a:visited,
ul.topMenu li a:link,
ul.topMenu li a:visited,
dl.menuList dd a:link,
dl.menuList dd a:visited{ color:#666 !important; }
.ichiranBtn{
	padding:5px 25px 5px 10px;
	background:#aed476 url(../images/migi5.png) no-repeat 95% center;
	color:#FFF;
	text-align:center;
	float:right;
	text-decoration:none !important;
}
.ichiranBtn:link,.ichiranBtn:visited{ color:#FFF !important; }
.ichiranBtn:hover{
	background:#bf607b url(../images/migi5.png) no-repeat 95% center;
	color:#FFF !important;
}

.mainImg {
	width: 750px;
	margin: 0px auto;
}


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

 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: 30px;
    bottom: 135px;
}
#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: 2.2em;
    padding: 5px;
    margin-bottom: 20px;
}
#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: 2.2em;
    margin-bottom: 20px;
    width: 244px;
}
/*------------------------------------------------------------

 追加

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

追加分

------------------------------------------------------------*/
.ce-button{
  float: none;
}

.centering{
  text-align: center;
}

.camDroList {
  padding: 1.5em;
  margin: 0 0 1.5em;
  overflow: hidden;
  border: 3px solid #0b0606;
  background: #FFE7EB;
}
.camDroList dt {
  font-family: 'mplus';
  font-size: 1.4em;
  font-weight: 500;
  color: #0b0606;
  -webkit-transform: rotate(0.001deg);
  -ms-transform: rotate(0.001deg);
  transform: rotate(0.001deg);
  padding: 0 0 1em 2em;
  position: relative;
  cursor: pointer;
}
.camDroList dt:before {
  content: '';
  font-family: 'fontawesome';
  font-size: 1.5em;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 30px;
  line-height: 1;
}
.camDroList dt:after {
  content: '詳細を見る';
  display: block;
  font-size: 0.7em;
  opacity: 1;
  position: absolute;
  left: 2.9em;
  bottom: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.camDroList dt.active:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.camDroList dt.active:after {
  opacity: 0;
}
.camDroList dd {
  color: #0b0606;
  padding: 1em 0 0;
  overflow: hidden;
  display: none;
}

.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;
}


.photoLList {
	display: flex;
}

.photoLList .photoImg img{
	width: 300px;
	margin-right: 20px;
}
.photoRList {
	display: flex;
	flex-direction: row-reverse;
}

.photoRList .photoImg img{
	width: 300px;
	margin-left: 20px;
}


.covid-link {
	background: #AFD476;
	border: solid 2px #fff;
	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;
  }

.topic-link {
	background: #F9C0CC;
	border-radius: 6px;
	width: 340px;
	margin: 10px auto 30px;
	border: solid 2px #fff;
	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.topic-link {
	text-decoration: none;
  }
  .topic-link:hover {
	opacity: .7;
  }
  
  .topic-link span {
	font-weight: bold;
	color: #222;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	display: block;
	margin-right: 20px;
  }