@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/
/* 開発中 */
@media screen and (max-width: 640px){
	html #wpadminbar{
		display: none;
	}
}
body{
	color: #333333;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: /*"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",*/ "メイリオ", "Meiryo", sans-serif;
	overflow-x: hidden;
}

h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}

ol, ul {
    list-style: none;
}

img{
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
@media screen and (max-width:640px){
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
}
input,textarea,select{
	font-size: 1.1em;
	border: solid 1px #ccc;
	height: 1.5em;
	background-color: #fff;
}
form{
	margin: 0px;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a{
	color: #333;
}
a:hover{
	cursor: pointer;
	filter: alpha(opacity=60); /* IE6, IE7 */
	-ms-filter: "alpha( opacity=60 )";/* IE8 */
	opacity: 0.6;/* IE8 over, Opera, Safari, CSS3 over */
	-moz-opacity:0.6;/* Mozilla(FF,NS) */
	-khtml-opacity: 0.6;/* Safari 1.x */
}

/* 共通設定
---------------------------------------------------------------------------*/
.inner{
	width: 100%;
	max-width: 1900px;
	margin: 0 auto;
}
.inner-cnts{
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
}
@media screen and (max-width:640px){
	.inner{
		width: 100%;
	}
	.inner-cnts{
		width: 100%;
	}
}

/* clearfix */
.cf{
	zoom: 1
}
.cf:before, .cf:after{
	display: table;
	content: "";
}
.cf:after{
	clear: both;
}
.clear{
	clear: both;
}
/* テーブルレイアウト */
.tbl{
	display: table;
	table-layout: fixed;
}

.tbl > * {
	display: table-cell;
	vertical-align: top;
}
.tbl > .nowrap{
	white-space: nowrap;
}
/* フロート */
.lft{
	float: left;
}
.rit{
	float: right;
}


/* ヘッダー
===========================================================================*/
#head{
	border-top: 3px solid #0066cc;
	min-width: 1450px;
}
@media screen and (max-width: 1450px){
	#head{
		min-width: initial;
	}
}
@media screen and (max-width: 1800px){
	#head .inner-cnts{
		max-width: initial;
	}
}
/* ロゴ */
.head-logo-block{
	width: 204px;
}
@media screen and (max-width: 640px){
	#head{
		width: 100%;
		min-width: auto;
	}
	.head-logo img{
		height: 45px;
	}
}
/* 中央ブロック */
.head-centerbox{
	padding: 39px 0 0 23px;
}
@media screen and (max-width: 1450px){
	.head-centerbox{
		padding-top: 23px;
	}
}
/* キャッチ */
.head-catch{
	font-size: 14px;
	line-height: 110%;
	padding-bottom: 14px;
}
@media screen and (max-width: 640px){
	.head-centerbox{
		display: block;
	}
	.head-catch.lft{
		display: none;
	}
}
/* リンク */
.head-link{
}
.head-link > li{
	padding: 0 20px 0 0;
}
.head-link > li a{
	display: block;
	padding: 0 0 0 20px;
	background: url(image/head-link-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 14px;
	line-height: 16px;
}
@media screen and (max-width: 640px){
	.head-link{
		display: none;
	}
}
/* 問い合わせ */
.head-contact-block{
	width: 260px;
}
@media screen and (max-width: 1020px){
	.head-contact-block{
		display: none;
	}
}
/* グロナビ */
#glnv{
	background-color: #0066cc;
	padding: 14px 0;/*17px 0;*ecedit*/
}
#glnv > ul{
	margin: 0 auto;
}
#glnv > ul > li{
	border-right: 1px solid #00b1ff;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

#glnv > ul > li:nth-of-type(2){
	border-left: 1px solid #00b1ff;
}
#glnv > ul > li a{
	padding: 0 16px 0 16px;/*30px*ecedit*/
	color: #FFFFFF;
}
#glnv > ul > li.sp-glnv-link{
	display: none;
}

@media screen and (max-width: 1020px){
	#glnv > ul > li{
		font-size: 14px;
	}
	#glnv > ul > li a{
	padding: 0px 6px;/*0 20px*ecedit*/
	}
}


@media screen and (max-width: 640px){
	#glnv{
		display: none;
		position: absolute;
		width: 100%;
		padding: 0;
		background-color: transparent;
		background-image: url(image/sp-glnv-bg.png);
		z-index: 160;/*120;*/
	}
	#glnv > ul{
		width: 100%;
		border-top: 1px solid #FFFFFF;
	}
	#glnv > ul.tbl{
		display: block;
	}
	#glnv > ul > li,
	#glnv > ul > li.sp-glnv-link{
		display: block;
		padding: 15px 0;
		border-right: none;
		border-bottom: 1px solid #FFFFFF;
		font-size: 14px;
	}
}
/* SPメニューボタン */
.sp-head-menubtn{
	display: none;
}
@media screen and (max-width: 640px){
	.sp-head-menubtn{
		display: block;
		position: absolute;
		right: 0;
		top: 3px;
	}
	.sp-head-menubtn img{
		height: 45px;
	}
}


/* サブナビ */
.subnv{
	background-color: #9ACA27;/*#E1F1B1; #9ACA27 #00b1ff; #268FDA;*ecedit*/
}
.subnv > ul{
	margin: 0 auto;
}
.subnv > ul > li{
	text-align: center;
	font-size: 16px;/*14px; 18px;*ecedit*/
	font-weight: bold;/*_*ecedit*/
}
.subnv > ul > li:first-of-type{
}
.subnv > ul > li a{
	display: block;
	padding: 15px 0;/*11px 0; 17px 0;*ecedit*/
	color: #FFF;/*#FFFFFF;*ecedit*/
}
.subnv > ul > li a p{
	padding: 0 14px;/*0 20px*/
	border-right: 1px solid #FFF;/*#79C1F5;*/
}
.subnv > ul > li:first-of-type a p{
	border-left: 1px solid #FFF;/*#79C1F5;*/
}
/* サブナビ > アクティブ判定*/
.subnv.feature li.sbnv-item-feature a,
.subnv.writing li.sbnv-item-writing a,
.subnv.reading li.sbnv-item-reading a,
.subnv.knowledge li.sbnv-item-knowledge a,
.subnv.online li.sbnv-item-online a,
.subnv.weblesson li.sbnv-item-weblesson a,
.subnv.class00 li.sbnv-item-class00 a,
.subnv.class01 li.sbnv-item-class01 a,
.subnv.class02 li.sbnv-item-class02 a,
.subnv.class04 li.sbnv-item-class04 a,
.subnv.class03 li.sbnv-item-class03 a,
.subnv.class07 li.sbnv-item-class07 a,
.subnv.class10 li.sbnv-item-class10 a,
.subnv.class20 li.sbnv-item-class20 a{
	background-color: #E1F1B1; /*#0069B8;*ecedit*/ color:#333;
}
.subnv.feature li.sbnv-item-feature a p,
.subnv.writing li.sbnv-item-writing a p,
.subnv.reading li.sbnv-item-reading a p,
.subnv.knowledge li.sbnv-item-knowledge a p,
.subnv.online li.sbnv-item-online a p,
.subnv.weblesson li.sbnv-item-weblesson a p,
.subnv.class00 li.sbnv-item-class00 a p,
.subnv.class01 li.sbnv-item-class01 a p,
.subnv.class02 li.sbnv-item-class02 a p,
.subnv.class04 li.sbnv-item-class04 a p,
.subnv.class03 li.sbnv-item-class03 a p,
.subnv.class07 li.sbnv-item-class07 a p,
.subnv.class10 li.sbnv-item-class10 a p,
.subnv.class20 li.sbnv-item-class20 a p,
.subnv.writing li:nth-of-type(1) a p{border-right: none;}


@media screen and (max-width: 1020px){

	.subnv > ul > li{
		font-size: 14px;
	}

	.subnv > ul > li a p{
		padding: 0 6px;
	}

}


/* SP用サブナビ */
.sp-subnv{
	display: none;
}
@media screen and (max-width: 640px){
	.subnv{
		display: none;
	}
	.sp-subnv{
		display: block;
		background-color: #9ACA27;/*#00b1ff; #268FDA;*ecedit*/
	}
	.sp-subnv > ul,
	.sp-subnv > ul > li{
		text-align: center;
		font-size: 14px;
	}
	.sp-subnv > ul > li{
		border-bottom: 1px solid #E1F1B1;/*#79C1F5;*/
	}
	.sp-subnv > ul > li a{
		display: block;
		padding: 10px 0;/*10px 0;*/
		color: #FFFFFF;
	}
	/* タイトル */
	.subnv-ttl{
		background-color: #9ACA27; /*#0066cc;#0069B8;*ecedit*/
	}
	.subnv-ttl a{
		display: block;
		padding: 12px 0;/*17px 0;*/
		color: #FFFFFF;
		font-size: 13px;/*15px;*/
		font-weight: bold;
		text-align: center;
	}
	/* アクセス時非表示 */
	.sp-sbnv-menu{
		display: none;
	}
}


/* コンテンツ部レイアウト
===========================================================================*/
#cnts{
	position: relative;

}
#cnts-area{
	min-width: 1800px;
	padding: 80px 0 0 0;
	background-color: #F7F7F7;
}
#cnts-area.page{
	padding: 60px 0 0 0;
	background-color: #FFFFFF;
}

@media screen and (max-width: 640px){
	#cnts-area.page{
		padding: 40px 0 0 0;
	}
}


#cnts-area.single{
	position: relative;
	overflow: inherit;
}

.main-cnts{
	width: 1420px;
	padding: 0 0 50px 0;
}
.side-cnts{
	position: absolute;
	width: 320px;
	padding: 0 0 50px 0;
	top: 0;
}
@media screen and (max-width: 1800px){
	#cnts-area{
		width: 100%;
		min-width: initial;
	}
	.side-cnts{
		width: 23%;
		padding: 0 0 50px 40px;/*padding: 0 0 50px 20px;*/
	}
	.main-cnts{
		width: 75%;
	}
}

/*@media screen and (max-width: 640px){*/
@media screen and (max-width: 768px){
	#cnts-area{
		padding: 40px 0 0 0;
	}
	.main-cnts.rit,
	.side-cnts.lft{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 50px 0;
		float: none;
	}
	.side-cnts{
		position: relative;
	}
}
/* 投稿 */
.single-right{
	position: absolute;
	right: 10px;
	top: 60px;
	width: 20%;
	height: 100%;
}
#cnts-area.single .main-cnts{
	padding-right: 23%;
}
@media screen and (max-width: 640px){
	#cnts-area.single .main-cnts{
		padding-right: 0;
	}
	.single-right{
		position: relative;
		width: 100%;
		top: 20px;
		right: 0;
	}
}

/* サイドコンテンツ
===========================================================================*/
/* タイトル */
.side-ttl{
	background-color: #fff; /*#A1CAE8;*ecedit*/
	background-repeat: no-repeat;
	background-position: 15px center;
	padding: 16px 0 16px 65px;/*18px 0 18px 65px;*ecedit*/
	color: #0066cc;/*#FFFFFF;*ecedit*/
	font-size: 18px;/*20px;*ecedit*/
	line-height: 100%;
	font-weight: normal;/*bold;*ecedit*/
	letter-spacing: .1em;
	border: 1px solid #0066cc; /*_*ecedit*/
	border-bottom: 1px dotted #0066cc; /*_*ecedit*/
	border-top-left-radius: 12px; /*_*ecedit*/
}
#side-magazine .side-ttl > a,
#side-voice .side-ttl > a{
	color:#0066cc;
}
#side-movie .side-ttl{background-image: url(image/side-ttl-icon-movie.png);}
#side-magazine .side-ttl{background-image: url(image/side-ttl-icon-magazine.png);}
#side-voice .side-ttl{background-image: url(image/side-ttl-icon-voice.png);}
@media screen and (max-width: 800px){
	.side-ttl{
		font-size: 16px;
		padding: 18px 0 18px 60px;
		background-position: 10px center;
	}
}
@media screen and (max-width: 640px){
	.side-ttl{
		padding: 18px 0 18px 80px;
		background-position: 20px center;
		font-size: 16px;
	}
}
/* 枠 */
.side-body{
	border: 1px solid #0066cc;/*#BAC0C5;*ecedit*/
	border-top: none;
	background-color: #FFFFFF;
}
/* リード */
.side-lead{
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 13px;/*15px;*/
	line-height: 150%;
}
/* サイド＊MOVIE
---------------------------------------------------------------------------*/
.side-movie-img{
	text-align: center;
}
.side-movie-img img{
	max-width: 100%;
}
.side-movie-arrow{
	text-align: right;
}

/* リード */
.side-lead-home{
	width: 90%;
	margin: 0 auto;
	padding: 15px 0 25px;
	font-size: 13px;/*15px;*/
	line-height: 150%;
}

@media screen and (max-width: 640px){
	.side-movie-arrow img {width:40.5px; height:39px;}
}


/* サイド＊MAGAZINE
---------------------------------------------------------------------------*/
#side-magazine{
	margin-top: 20px;
}
#side-magazine .side-body{
	background-color: #F7F7F7;/*#EBF1F5*ecedit*/
}
.side-magazine-link{
	width: 90%;
	margin: 0 auto 10px auto;
	background-color: #FFFFFF;
}
.side-magazine-link ul{
	width: 90%;
	margin: 0 auto;
	padding: 15px 0;
}
.side-magazine-link li{
	font-size: 13px;
	line-height: 150%;
	/*text-indent: -1em;
	padding-left: 1em;*/
	padding-bottom: 1.3em;
}
.side-magazine-link li:last-child{
	padding-bottom: 0;
}
.side-magazine-link li a{
	color: #0066CC;/*#005b88;*/
}
/* サイド＊VOICE
---------------------------------------------------------------------------*/
#side-voice{
	margin-top: 20px;
}
.side-voice-profile{
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
.side-voice-profile-ph{
	width: 26%;
}
.side-voice-profile-ph img{
	max-width: 100%;
}
.side-voice-headline{
	width: 68%;
	font-size: 15px;
	line-height: 150%;
	font-weight: bold;
}
#side-voice .side-body p.side-lead{
	padding: 20px 0 0 0;
}
#side-voice .side-body p.side-lead:last-of-type{
	text-align: right;
	padding: 20px 0;
}
#side-voice .side-body p.side-lead span{
	#0066cc;
}

/* サイド＊VOICE
---------------------------------------------------------------------------*/
#side-bana,
#side-bana-me,
#side-bana-re{
	margin-top: 20px;
	text-align: center;
}
#side-bana img,
#side-bana-me img,
#side-bana-re img{
	max-width: 100%;
}
@media screen and (max-width: 640px){
	#side-bana,
	#side-bana-me,
	#side-bana-re{
		display: none;
	}
}


/* 投稿サイドバー（右）
---------------------------------------------------------------------------*/
/* 最新の投稿 */
.single-sidebar-right > li{
	margin-bottom: 20px;
}
.single-sidebar-right .widgettitle{
	padding: 18px 10px 18px 25px;/*18px 10px;*ecedit*/
	background-color: #fff /*#99cc33*/; /*#A1CAE8;*ecedit*/
	font-size: 18px;/*20px;*/
	color: #555;/*#fff*/
	font-weight: normal;/*bold;*/
	border: 1px dotted #999; /*_*ecedit*/
	border-bottom: 1px dashed #999; /*_*ecedit*/
}
.single-sidebar-right .widget_recent_entries li{
	font-size: 14px;
	margin-left: 10px;/*15px;*ecedit*/
	line-height: 130%;/*130%;*ecedit*/
	padding-top: 20px;/*5px;*ecedit*/
}
.single-sidebar-right .widget_recent_entries > ul{
	border: 1px dotted #999;/*#BAC0C5;*ecedit*/
	border-top: none;
	padding: 15px 20px 20px 15px;/*15px 20px 20px 20px;*/
	list-style: none; /*disc;*ecedit*/
}

/* カレンダー */
.single-sidebar-right .widget_calendar .calendar_wrap{
	border: 1px dotted #999;/*#BAC0C5;*ecedit*/
	padding: 5px;
	font-size: 15px;
}
.single-sidebar-right .widget_calendar .calendar_wrap caption{
	padding: 5px;
}
.single-sidebar-right .widget_calendar #wp-calendar{
	width: 100%;
}
.single-sidebar-right .widget_calendar #wp-calendar th,
.single-sidebar-right .widget_calendar #wp-calendar td{
	text-align: center;
	padding: 5px;
}
.single-sidebar-right .widget_calendar #wp-calendar th{
	border-bottom: 1px dotted #999;/*#BAC0C5;*ecedit*/
	border-top: 1px dotted #999;/*#BAC0C5;*ecedit*/
}
.single-sidebar-right .widget_calendar #wp-calendar td{
	border-right: 1px dotted #999;/*#BAC0C5;*ecedit*/
}
.single-sidebar-right .widget_calendar #wp-calendar td:last-of-type,
.single-sidebar-right .widget_calendar #wp-calendar tfoot td{
	border: none;
}
.single-sidebar-right .widget_calendar #wp-calendar tbody td a{
	color: #555; /*#0069B8;*ecedit*/
}
.single-sidebar-right .widget_calendar #wp-calendar tbody td:hover{
	background-color: #999 /*#99cc33*/; /*#A1CAE8;*ecedit*/
	color: #FFFFFF;
}
.single-sidebar-right .widget_calendar #wp-calendar tfoot td{
	padding-top: 10px;
}
.single-sidebar-right .widget_calendar #wp-calendar tfoot td:first-of-type{
	text-align: left;
}
.single-sidebar-right .widget_calendar #wp-calendar tfoot td:last-of-type{
	text-align: right;
}

/* カテゴリ */
.single-sidebar-right .widget_categories li{
	font-size: 15px;
	margin-left: 30px;/*15px;*ecedit*/
	line-height: 130%;
	padding-top: 5px;
}
.single-sidebar-right .widget_categories > ul{
	border: 1px dotted #999;/*#BAC0C5;*ecedit*/
	border-top: none;
	padding: 15px 20px 20px 20px;
	list-style: disc;
}



/* フッター
===========================================================================*/
#foot{
	margin-top: 60px;
}
@media screen and (max-width: 640px){
	#foot{
		margin-top: 30px;
	}
}
/* 問い合わせ
---------------------------------------------------------------------------*/
#foot-contact{
	height: 380px;
	padding: 90px 0 0 0;
	background-image: url(image/foot-bg.jpg);
	background-size: cover;
}
#foot-contact p{
	font-size: 38px;
	line-height: 150%;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.foot-contact{
	text-align: center;
	padding: 20px 0 0 0;
}

@media screen and (max-width: 640px){
	#foot-contact{
		height: auto;
		padding: 40px 0;
	}
	#foot-contact p{
		font-size: 20px;
		height: auto;
	}
	.foot-contact{
		width: 90%;
		margin: 0 auto;
	}
}

/*body#contactus_complete #foot-contact,
body#request_complete #foot-contact,
body#trial_complete #foot-contact,
body#consultation_complete #foot-contact,*/
body#contactus_confirm #foot-contact,
body#request_confirm #foot-contact,
body#trial_confirm #foot-contact,
body#consultation_confirm #foot-contact {
 display: none;
	height: 0!important;
}

/* ロゴと問い合わせバナー
---------------------------------------------------------------------------*/
.foot-under{
	width: 95%;
	margin: 0 auto;
	padding: 50px 0;
}
#foot-logo{
	padding: 20px 0 0 0;
}
#foot-logo span{
	padding: 1em 2em;
	font-size: 14px;
	display: inline-block;
}

@media screen and (max-width: 640px){
	.foot-under{
		padding: 20px 0 60px;
	}
	.foot-under > *{
		float: none;
		text-align: center;
	}
	#foot-logo{
		padding: 0 0 20px 0;
	}
	#foot-logo img{
		width: 80%;
	}
	.foot-under-contact{
		display: none;
	}
}




/* SP用フッターナビ
---------------------------------------------------------------------------*/
.sp-ft-nv{
	display: none;
}
@media screen and (max-width: 640px){
	.sp-ft-nv{
		display: block;
	}
	.sp-ft-nv01{border-right: 1px solid #FFFFFF; background-color: #0066cc; /*#005BB5;*ecedit*/}
	.sp-ft-nv02{border-right: 1px solid #FFFFFF; background-color: #ff9933; /*#FF6C17;*ecedit*/}
	.sp-ft-nv03{border-right: 1px solid #FFFFFF; background-color: #ff9933; /*#FF6C17;*ecedit*/}
	.sp-ft-nv04{background-color: #4C99E4;}


	#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}

}

/* ページトップ
---------------------------------------------------------------------------*/
.pagenavi{
	display: none;
	position: fixed;
	bottom: 10px;/*30px;*ecedit*/
	right: 10px;/*30px;*ecedit*/
}
.pagenavi img{
	width: 55px;
	height: auto;
	z-index: 140!important;
}


/* トップページ
===========================================================================*/
/* メインビジュアル
---------------------------------------------------------------------------*/
#top-mainvis,
#sp-top-mainvis{
	width: 100%;
	position: relative;
}

/* キャッチ */
.top-mainvis-catch{
	position: absolute;
	top: 0;
	width: 100%;
	padding: 12px 0;/*14px 0;*ecedit*/
	background-image: url(image/mainvis-catch-bg.png);
	background-position: center;
	text-align: center;
	font-size: 22px;/*28px;*ecedit*/
	line-height: 120%;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 100;
}

.top-mainvis-catch-white{
	position: absolute;
	top: 0;
	width: 100%;
	padding: 12px 0;/*14px 0;*ecedit*/
	background-image: url(image/mainvis-catch-white-bg.png);
	background-position: center;
	text-align: center;
	font-size: 22px;/*28px;*ecedit*/
	line-height: 120%;
	color: #333;
	font-weight: bold;
	z-index: 100;
}

.top-mainvis-catch-alert{
	position: absolute;
	top: 0;
	width: 100%;
	padding: 12px 0;
	background-image: url(image/mainvis-catch-alert-bg.png);
	background-position: center;
	text-align: center;
	font-size: 22px;
	line-height: 120%;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 100;
}

@media screen and (max-width: 640px){
	.top-mainvis-catch,
	.top-mainvis-catch-alert,
	.top-mainvis-catch-white{
	position: relative;/*追加*/
		padding: 8px 0;
		font-size: 14px;
	}
}

/* スライダー */
#top-mainvis #container{
	width: 100%;
	height: 550px;
}

#sp-top-mainvis #container{
	width: 100%;
	height: 290px;
}

#sp-top-mainvis {display: none !important;}
#top-mainvis {display: block !important;}


@media screen and (max-width: 640px){
	#top-mainvis {display: none !important;}
	#sp-top-mainvis {display: block !important;}
}


/* インフォメーション
---------------------------------------------------------------------------*/
#top-infomartion{
	width: 100%;
}
#top-infomartion > li{
	padding: 44px 0;
	text-align: center;
}

.top-information01{ /*オレンジ枠　メッシュ背景*/
	border: 6px solid #ff9933; /*#A1CAE8;  Green=#c5f16e *ecedit*/
	background-image: url(image/top-information01-bg.png);
}

.top-information02{
	background-color: #29b1ff;
}


.top-information03{ /*背景_明るい黄緑*/
	background-color: #c5f16e;
}

.top-info_bgTrial{ /*背景_濃いオレンジグラデ 体験レッスン*/
	background-color: #ff6000;
	background-image: url(image/top/top-info01_1710-bg.png);
}

.top-info_bgDeepBlue{
	background-color: #0061ac; /*背景_濃い青 BILIN*/
}

.top-info_bgPink { /*背景_濃いピンク 新中一準備短期*/
	background-color: #ee4484;
}

.top-info_bgPinkCP { /*背景_淡いピンク キャンペーン*/
	background-color: #dd669a;
}

.top-info_bgPinkCP2 { /*背景_薄いピンク キャンペーン*/
	background-color: #ffe8f2;
}

.top-info_bgLightGreen_bdGreen{
	border: 6px solid #a0cf0f; /*枠_緑 背景_黄緑*/
	background-color: #f6ffd1;
}

.top-info_bgDarkGreen {
	background-color: #669900;
}

.top-info_bgDarkGreen2 {
	background-color: #008843;
}

.top-info_retr{  /*リートレ*/
	border: 6px solid #0066cc; /*#A1CAE8;  Green=#c5f16e *ecedit*/
	background-image: url(image/top/top-information02-bg.png);
}

.top-info_wrtr{  /*ライトレ*/
	border: 6px solid #29b1ff; /*#A1CAE8;  Green=#c5f16e *ecedit*/
	background-image: url(image/top/top-information02-bg.png);
}


.top-info_bgWeblesson{
	background-color: #0099ff;
}

.top-info_bgSkyblue{
	background-color: #99daff; /* Skyblue=#99daff */
}

.top-info01_1809{　/*オレンジグラデ背景*/
	background-color: #ff6000; /*#A7CDE8;  Skyblue=#99daff *ecedit*/
	background-image: url(image/top/top-info01_1709-bg.png);
}
.top-info_bg_orange2{　/*濃いオレンジ枠　オレンジメッシュ背景*/
	/*background-image: url(image/top/top-information02-bg.png);*/
	border: 6px solid #ff6600;
	background-color: #ffedd1;
}

.top-info_bg_winered{
	background-color: #c61b4a;
}

.top-info01_1712{
	background-color: #ff6000; /*#A7CDE8;  Skyblue=#99daff *ecedit*/
	background-image: url(image/top/top-info01_1712-bg.png);
}


.top-info02_1710{
	border: 6px solid #0066cc; /*#A1CAE8;  Green=#c5f16e *ecedit*/
	background-image: url(image/top/top-information02-bg.png);
}
.top-info_bgWinter { /*上下ブルーグラデバー*/
background: #8cd9f5; /* Old browsers */
background: -moz-linear-gradient(top, #8cd9f5 0%, #ffffff 10%, #ffffff 90%, #8cd9f5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8cd9f5 0%,#ffffff 10%,#ffffff 90%,#8cd9f5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8cd9f5 0%,#ffffff 10%,#ffffff 90%,#8cd9f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cd9f5', endColorstr='#8cd9f5',GradientType=0 ); /* IE6-9 */
}

.top-info_bgSpring {　/*上下グリーングラデバー*/
background: #add00c; /* Old browsers */
background: -moz-linear-gradient(top, #add00c 0%, #ffffff 10%, #ffffff 90%, #add00c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #add00c 0%,#ffffff 10%,#ffffff 90%,#add00c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #add00c 0%,#ffffff 10%,#ffffff 90%,#add00c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add00c', endColorstr='#add00c',GradientType=0 ); /* IE6-9 */
}


.top-info03_1710{
	border: 6px solid #48b6ff; /*#A1CAE8;  Green=#c5f16e *ecedit*/
	background-image: url(image/top-information02-bg.png);
}
.top-info03_1711{
	border: 6px solid #48b6ff; /*#A1CAE8;  Green=#c5f16e *ecedit*/
	background-image: url(image/top-info03_1711-bg.png);
}

.top-info_preyouji{
	background-color: #ffcb8e;
}
@media screen and (max-width: 1800px){
	#top-infomartion > li img{
		max-width: 80%;
	}
}
/* SP用スライダー */
#sp-top-information{
	display: none;
}
@media screen and (max-width: 640px){
	#top-infomartion{
		display: none;
	}
	#sp-top-information{
		display: block;
	}
}


/* コンテンツリスト パネル表示
---------------------------------------------------------------------------*/
.top-cntslst ul > li{
	float: left;
	width: 480px;
	padding: 0 0 30px 0;
}
.top-cntslst ul > li:nth-of-type(3n){
	width: 460px;
}
.top-cntslst-body{
	display: block;
	width: 460px;
	height: 295px;/*345px;*/
	padding: 17px 15px;
	background-color: #FFFFFF;
}

@media screen and (max-width: 1800px){
	.top-cntslst ul > li,
	.top-cntslst ul > li:nth-of-type(3n){
		width: 33.3%;
	}
	.top-cntslst-body{
		width: 95%;
	}
}
@media screen and (max-width: 640px){
	.top-cntslst ul > li,
	.top-cntslst ul > li:nth-of-type(3n){
		float: none;
		width: 100%;/*100%*/
		padding: 0 0 10px 0;
	}
	.top-cntslst-body{
		width: 100%;/*100%*/
		padding: 10px;/*8px;*/
		margin: 0 auto;
		height: auto;
		/*border: 1px #ddd solid;
		border-radius: 10px;*/
	}
}
/* タイトル */
.main-cnts p.top-cntslst-ttl,
.top-cntslst-ttl{
	padding: 0 0 0 20px;/* 0 0 0 25px;*/
	background-image: url(image/top-cntslit-eyecatch.png);
	background-repeat: no-repeat;
	font-size: 26px;
	line-height: 120%;
	color: #015db2;
	font-weight: bold;
}
.top-cntslst-ttl{
	font-size: 20px!important;
}
@media screen and (max-width: 1800px){
	.main-cnts p.top-cntslst-ttl{
		font-size: 24px;
	}
}
@media screen and (max-width: 1120px){
	.main-cnts p.top-cntslst-ttl,
	.top-cntslst-ttl{
		font-size: 20px;
	}
}
@media screen and (max-width: 640px){
	.top-cntslst-ttl.main-cnts p{
		display: table-cell;
		height: 30px;
		padding: 0 0 0 13px;
		vertical-align: middle;
		font-size: 16px;
	}
}
/* 写真 */
.top-cntslst-ph{
	padding-top: 10px;
	text-align: center;
}
@media screen and (max-width: 1800px){
	.top-cntslst-ph img{
		max-width: 100%;
	}
}
/* リード */
.top-cntslst-lead{
	padding-top: 5px;/*15px;*/
	font-size: 20px;
	line-height: 150%;
}
@media screen and (max-width: 1800px){
	.top-cntslst-lead{
		font-size: 18px;
	}
}
@media screen and (max-width: 640px){
	.top-cntslst-lead{
		font-size: 12px!important;/*14px;*/
		/*display: none; 追記　画像を非表示*/
		/*height: 0px; 追記　高さ調整*/
	}
	.top-cntslst-lead{
		padding: 0px !important;
		margin-bottom: 0px !important;
	}

/*画像に画像のせ*/
	.top-cntslst-ph {
		position: relative;
	}

	a .top-cntslst-ph span {
    width: 36px;
    height: 36px;
	display: block;
	top:50%;left:88%;margin: -13px -13px 0 0;
    background: url(image/top-cntson-arrow.png) no-repeat 0 0;
    position: absolute;
    z-index: 999;
	}

}
/* トピックス
---------------------------------------------------------------------------*/
#top-topics{
	margin: 0 15px 50px 0;
	padding: 10px 30px 20px 30px;
	border: 6px solid #DAD8DC;
	background-color: #FFFFFF;
}
@media screen and (max-width: 640px){
	#top-topics{
		margin: 30px 0 30px 0;
		border-left: none;
		border-right: none;
		padding: 0 0 20px 0;
	}
}
/* タイトル */
.top-topics-ttl{
	padding: 0 0 0 10px;
	border-bottom: 1px solid #E6E6E9;
}
.top-topics-ttl > .lft{
	width: 250px;
}
.top-topics-ttl p span{
	padding: 0 0 0 10px;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
}
@media screen and (max-width: 640px){
	.top-topics-ttl{
		padding: 0 0 0 10px;
	}
	.top-topics-ttl > .lft{
		width: 70%;
		padding: 10px 0;
	}
}
/* 一覧リンク */
.top-topics-ttl > .rit{
	width: 120px;
}
.top-topics-ttl > .rit a{
	display: block;
	width: 100%;
	padding: 10px 0;
	background-color: #005AB5;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
}
@media screen and (max-width: 640px){
	.top-topics-ttl > .rit{
		width: 28%;
	}
	.top-topics-ttl > .rit a{
		padding: 20px 0;
	}
}
/* 記事ブロック */
.top-topics-block{
	width: 100%;
	border-bottom: 1px solid #E6E6E9;
	font-size: 16px;
	line-height: 120%;
}
.top-topics-block > div{
}
@media screen and (max-width: 640px){
	.top-topics-block{
		padding: 10px;
		font-size: 14px;
	}
	.top-topics-block:last-of-type{
		border-bottom: none;
	}
}
/* 日付 */
.top-topics-date{
	min-width: 100px;
	width: 130px;
	padding: 5px 10px 0 0;
}
@media screen and (max-width: 640px){
	.top-topics-date{
	}
}
/* カテゴリ */
.top-topics-cat{
	padding-top: 7px;
}
.top-topics-cat p{
/*	width: 110px;
	font-size: 12px;*/
	width: 104px;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	line-height: 100%!important;
}
.top-topics-cat p.news{background-color: #FF8001;}
.top-topics-cat p.magazine{background-color: #89BA00;}
.top-topics-cat p.seminar{background-color: #04978C;}
.top-topics-cat p.category{background-color: #115E99;}

.top-topics-cat p.nesmag_lesson{background-color: #8EC500;}
.top-topics-cat p.nesmag_info{background-color: #0044A0;}
.top-topics-cat p.nesmag_advice{background-color: #009EEC;}


@media screen and (max-width: 640px){
	.top-topics-date{

	}
	.top-topics-cat{
		line-height: 1.8;
		margin:-10px 0 0;
		padding-top: 0;
	}
}
/* 記事見出し */
.top-topics-headline{
	padding: 5px 0 0 30px;
	text-align: right;
}
.top-topics-headline a{
	color: #015db2;
	text-decoration: underline;
}
@media screen and (max-width: 640px){
	.top-topics-headline{
		width: 100%;
		text-align: left;
		padding-left: 0;
		height: auto!important;
		margin: -10px 0 0 0!important;
	}
	.top-topics-date{
		margin: 0!important;
	}

}

/* 固定ページ
===========================================================================*/
/* ヘッダー
---------------------------------------------------------------------------*/
/* ページタイトル */
#pages-ttl-area{
	padding: 24px 0 20px 20px;/*30px 0 30px 20px;*ecedit*/
	background-color: #0066cc;
}
.pages-ttl{
	font-size: 30px;/*36px;*ecedit*/
	font-weight: bold;
	color: #FFFFFF;
	line-height: 120%;
}
@media screen and (max-width: 640px){

	#pages-ttl-area{
	/*padding: 15px 0 12px 20px;*/ display: none;
	}
	.pages-ttl{
		font-size: 20px;
	}
}
/* パンくず */
#bread{
	padding: 14px 0 14px 20px;
	background-color: #EFEFEF;
	font-size: 13px;/*13px;*ecedit*/
	line-height: 120%;
}
#bread a{
	color: #0066cc;
}

@media screen and (max-width: 640px){

	#bread{
	padding: 10px 0 10px 20px;/*14px 0 14px 20px;*ecedit*/
	background-color: #0066cc;/*#EFEFEF;*/
	font-size: 12px;/*13px;*ecedit*/
	line-height: 120%;
	color: #EEE;
	}

	#bread a{
	color: #FFF;/*#0066cc;#015c9c;*ecedit*/
	}
}



/* サイド
---------------------------------------------------------------------------*/
.side-page-submenu{
	padding: 0 0 70px 0;
}
.side-page-submenu ul li a{
	display: block;
	padding: 14px 19px 14px 45px;
	margin-bottom: 1px;
	background-color: #EFEFEF;
	background-image: url(image/side-page-submenu.png);
	background-repeat: no-repeat;
	background-position: 14px center;
	font-size: 14px;
	color: #015db2;
}

/* メイン
---------------------------------------------------------------------------*/
/* レイアウト */
.page .main-cnts{
	padding: 0 40px 0 30px;/*padding: 0 20px 0 0;*ecedit*/
}
@media screen and (max-width: 640px){
	.page .main-cnts{
		padding: 0 10px;
		margin-bottom: 40px;/*ecedit*/
	}

}
/* メインコンテンツ内タイトル */
.page-main-ttl h1{
	padding: 0 0 0 30px;
	background-image: url(image/page-main-ttl-bg.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #E3F1FC;
	height: 80px;
	line-height: 80px;
	font-size: 26px;
	font-weight: bold;
}
/* メインコンテンツ表示領域 */
.page-main-block{
	padding: 0 25px;
	margin: 0 0 80px 0;
}
/* サブタイトル */
.page-sub-ttl h2{
	padding: 35px 0 15px 0;
	margin: 0 0 35px 0;
	background-image: url(image/page-sub-ttl-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 22px;
	line-height: 120%;
	font-weight: bold;
}
/* 見出し */
.page-headline{
	padding: 0 0 0 0;
	margin: 20px 0 20px 0;
	font-size: 18px;
	color: #0066cc;
	font-weight: bold;
	line-height: 150%;
}
.page-headline.underline{
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #565657;
}
.page h4{
	padding: 0 0 0 0;
	margin: 20px 0 20px 0;
	font-size: 18px;
	color: #0066cc;
	font-weight: bold;
	line-height: 150%;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #565657;
}
/* キャッチ */
.page-catch{
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 150%;
}

/* サブタイトル下画像 */
.page-main-ph{
	float: right;
	width: 35%;
	text-align: right;
}
.page-main-ph img{
	max-width: 100%;
}
.page-main-phlft{
	float: left;
	width: 60%;
}
@media screen and (max-width: 640px){
	.page-main-ph,
	.page-main-phlft{
		float: none;
		width: 100%;
		padding: 0 0 20px 0;
		text-align: left;
	}
}

/* 本文表示ブロック */
.page-lead-area{
	margin: 30px 0 0 0;
	padding: 0 0 0 20px;
}
.page-lead{
	font-size: 15px;
	line-height: 180%;/*150%;*ec_edit*/
}
@media screen and (max-width: 640px){
	.page-lead-area{
		padding: 0;
	}
}

/* 数字付き箇条書きリスト */
.page-num-list{
	padding: 0 0 0 25px;
	margin: 25px 0 10px 0;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
	line-height: 150%;
}
.page-num-list.num01{background-image: url(image/page-num-list01.png);}
.page-num-list.num02{background-image: url(image/page-num-list02.png);}
.page-num-list.num03{background-image: url(image/page-num-list03.png);}
.page-num-list.num04{background-image: url(image/page-num-list04.png);}
.page-num-list.num05{background-image: url(image/page-num-list05.png);}
.page-num-list.num06{background-image: url(image/page-num-list06.png);}
.page-num-list.num07{background-image: url(image/page-num-list07.png);}
.page-num-list.num08{background-image: url(image/page-num-list08.png);}
.page-num-list.num09{background-image: url(image/page-num-list09.png);}
.page-num-list.num10{background-image: url(image/page-num-list10.png);}
.page-num-list.underline{
	margin: 20px 0 15px 0;
	padding: 0 0 5px 25px;
	font-size: 18px;
	border-bottom: 1px dotted #565657;
}
.page-num-list strong{
	font-weight: bold;
	color: #0066cc;
}

/* 矢印付きテキスト */
.page-arrow{
	padding: 0 0 0 25px;
	background-image: url(image/page-arrow.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 15px;
	line-height: 1.5;
}

/* 背景黄色ブロック */
.page-bgcol{
	padding: 20px 30px;/*20px;*ecedit*/
	margin: 10px 0 0 0;/*5px 0 0 0;*ecedit*/
}
.page-bgcol.bg-yel{background-color: #f6e1a4;}
.page-bgcol.bg-gly{background-color: #F6F5F5;}

.page-bgcol.center{
	text-align: center;
}
.page-bgcol img{
	padding: 30px 0;/*20px 0;*ecedit*/
	max-width: 90%;
}
@media screen and (max-width: 640px){
	.page-bgcol{
		padding: 10px 15px;
		margin: 10px 0 0 0;/*_*ecedit*/
	}
	.page-bgcol img{
		padding: 0;
		max-width: 100%;
	}
	.page-bgcol.bg-gly,
	.page-bgcol.bg-gly ~ *{font-size: 1.2em;}
}

/* 文字装飾 */
strong{
	font-weight: bold;
}
.txt-big{
	font-size: 20px!important;
}
.txt-red{
	color: #fd5c3d;
}

/* 本文内テーブルSPブロック表示 */
@media screen and (max-width: 640px){
	.page-lead-tbl,
	.page-lead-tbl > *{
		display: block;
		width: 100%;
	}

	.txt-big{
	font-size: 14pt!important;
}
}


/*　特長と指導法ページ　特性説明枠　追記：170629　
---------------------------------------------------------------------------*/

dl.feature-guide dl,dt,dd {
margin: 0;
padding: 0;
}

dl.feature-guide{
background: #fff;
border: 1px solid #ccc;
font-size: 16px;
}

dt {
padding: 10px;
border-left: 1px solid #ccc;
margin-left: -1px;
border-top: 1px solid #ccc;
	}
dt:first-child{border-top:0;}

dd {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;

margin-left: -1px;
padding: 10px;

}

.fg-parent {
  display: table;
  width: 100%;
}
.fg-child {
  display: table-cell;
  width: 50%;
}



dl.feature-guide dt {
background: #f0f0f0;
font-weight: bold;
line-height: 1.38em;
}
input{
max-width:99%;
}
textarea{
max-width:99%;
}


@media only screen and (max-width:640px){


blockquote { width:50%; margin:0 auto; }

dl.feature-guide{
border-top: none;
width: 100%;
}
dl.feature-guide dt {
border-top: 1px solid #ccc;
}

.fg-parent {
  display: block;
  width: 100%;
}
.fg-child {
  display: block;
  width: 100%;
}


}



/* 投稿
===========================================================================*/

/* ヘッダー
---------------------------------------------------------------------------*/
/* カテゴリー */
.single-category{
	padding-bottom: 5px;
}
.single-category span{
	border: 1px solid #9A9993;
	padding: 5px;
	font-size: 14px;
	color: #9A9993;
}
/* 投稿タイトル */
.singles-headline{
	padding-top: 20px;
	font-size: 30px;
	color: #57554C;
	line-height: 120%;
	font-weight: bold;
}
/* 投稿日 */
.singles-date{
	padding-top: 20px;
	font-size: 14px;
	line-height: 120%;
	color: #9A9993;
	font-weight: bold;
}

/*MW WP Form*/
/*確認・送信ボタン*/
.confbtn {
	background: #0066cc;
	border: none;
	font-weight: bold;
	color: #fff;
	min-width: 50%;
	height: auto;
	padding: 15px 30px;
	display: block; margin: 0px auto;/*_*ecedit*/
	/*float: left; margin-right: 10px; _*ecedit*/
}
.backbtn:hover,.confbtn:hover{
	cursor: pointer;
	filter: alpha(opacity=60); /* IE6, IE7 */
	-ms-filter: "alpha( opacity=60 )";/* IE8 */
	opacity: 0.6;/* IE8 over, Opera, Safari, CSS3 over */
	-moz-opacity:0.6;/* Mozilla(FF,NS) */
	-khtml-opacity: 0.6;/* Safari 1.x */
}

/*戻るボタン*/
.backbtn {
	background: #eee;
	border: none;
	font-weight: bold;
	color: #333;
	width: auto;
	height: auto;
	padding: 10px 30px;
	display: block; margin: 0px auto;/*_*ecedit*/
}

/*確認画面調整*/
.mw_wp_form_complete > p {text-align: left!important;}




/* 投稿本文
---------------------------------------------------------------------------*/
.singles-entrys{
	padding-bottom: 100px;
}
@media screen and (max-width: 640px){
	.singles-entrys{
		width: 95%;
		margin: 30px auto 0 auto;
	}
}
.wp_social_bookmarking_light + br + div{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 2px solid #F2F0EB;
}
/* 見出し */
.pb-headline{
	padding-left: 15px;
	border-left: 5px solid #FF715C;
	font-size: 20px;
	line-height: 150%;
	font-weight: bold;
}
.pb-headline .widget-title{
	display: none;
}
/* 見出し・左ボーダーなし */
.pb-subheadline{
	font-size: 20px;
	line-height: 150%;
	font-weight: bold;
}
.pb-subheadline .widget-title{
	display: none;
}
/* 本文 */
.pb-text p{
	margin-bottom: 1em;
	font-size: 16px;
	line-height: 150%;
}
.pb-text .widget-title{
	display: none;
}
/* 画像 */
.widget_sow-image{
	margin-bottom: 10px!important;
}
/* キャプション */
.pb-caption{
	font-size: 14px;
	line-height: 150%;
	color: #9A9993;
	font-weight: bold;
}
.pb-caption .widget-title{
	display: none;
}
/* 中点なしリスト */
.pb-list ul{
	margin-left: 20px;
}
.pb-list.dot-none ul{
	list-style: none;
	margin-left: 0;
}
.pb-list ul li{
	font-size: 16px;
	line-height: 150%;
}
.pb-box .pb-list{
	padding-left: 15px;
	padding-right: 15px;
}
.pb-list .widget-title{
	display: none;
}
/* box */
.pb-box{
	margin: 15px;
	border: 1px solid #F2F0EB;
	padding-bottom: 20px;
}
.pb-box > .panel-grid-cell{
	padding: 0!important;
}
.pb-box-title{
	padding: 15px;
	border-bottom: 1px solid #F2F0EB;
	font-size: 20px;
	line-height: 150%;
	font-weight: bold;
}
.pb-box-title .widget-title{
	display: none;
}
.pb-box .pb-text{
	padding-left: 15px;
	padding-right: 15px;
}
/* インタビュー対談形式 */
.interview-q{
	font-weight: bold;
}
.interview-a span{
	color: #FF715C;
	font-weight: bold;
}
/* インタビュー座談会形式 */
.pb-guest-profile{
	margin: 15px;
	border: 1px solid #F2F0EB;
	padding: 20px;
}
.pb-guest-profile .pb-text{
	color: #B19C92;
}
.pb-guest-profile .pb-text span{
	color: #FF715C;
	font-weight: bold;
}
.pb-text span{
	font-weight: bold;
}
.pb-text.guest01 span{color: #FF715C;}
.pb-text.guest02 span{color: #00BAF4;}
.pb-text.guest03 span{color: #00BF42;}
.pb-text.guest04 span{color: #A42EBF;}
.pb-text.guest05 span{color: #DDAF00;}
/* ◎◎の一日 */
.pb-text.time{
	font-weight: bold;
}
.pb-text.time-text span{
	font-weight: bold;
}
/* 動画埋め込み */
.pb-movie{
	text-align: center;
}
.pb-movie iframe{
	width: 70%;
}
.pb-movie .widget-title{
	display: none;
}
/* 商品紹介 */
.pb-text.spec{
	font-weight: bold;
}
.pb-text.spec span{
	color: #9A9993;
}
/* ボタン */
.pb-button .widget-title{
	display: none;
}
.pb-button a{
	display: block;
	max-width: 600px;
	margin: 0 auto;
	padding: 15px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	background-color: #FF715C;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	line-height: 140%;
}


hr{
	background-color: #fff;
	border-top: 3px dotted #99cc33;
	margin-top: 20px;
	padding-top: 20px;
}



/* 固定ページの画像配置処理 */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.main-cnts img{
	max-width: 100%!important;
}

/* ビジュアルエディタ用
---------------------------------------------------------------------------*/
.main-cnts h2{
	padding: 0 0 0 30px;
	background-image: url(image/page-main-ttl-bg.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #fff; margin: 2em auto;
	line-height: 64px;
	font-size: 26px;
	font-weight: bold;
	border: 1px solid #0066cc;
	border-left: 0px;
}

.main-cnts h2:first-child{ margin-top: 0;
}

@media screen and (max-width: 640px){

	.main-cnts h2{
	padding: 0 0 0 20px;
	background-image: url(image/page-main-ttl-bg.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #fff; margin: 2em auto;
	line-height: 40px;
	font-size: 18px;/*20px;*/
	font-weight: bold;
	border: 1px solid #0066cc;
	border-left: 0px;
	}

	.main-cnts h2:first-child{ margin-top: 0;
	}

}


.main-cnts h3{
	position: relative;
    margin: 3.6rem 0 2.25rem;
    border-bottom: 4px solid #eee;
    padding-bottom: 9px;
/*		padding: 35px 0 15px 0;
	margin: 0 0 25px 0;
	background-image: url(image/page-sub-ttl-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;*/
	font-size: 22px;
	line-height: 120%;
	font-weight: bold;
}

.main-cnts h3:after {
    position: absolute;
    content: '';
    bottom: -4px;
    left: 0;
    background-color: #0066CC;
    height: 4px;
    width: 30%;
}


.main-cnts h3.st-none,
.main-cnts h3.pt-none {
	padding-top: 0px;/*_*ecedit*/
}

@media screen and (max-width: 640px){

	.main-cnts h3.pt-none {
		display: inline-block;
		width: 100%;
		padding-top: 25px;
	}

	.main-cnts h3.st-none {
		display: inline-block;
		width: 100%;
		padding-top: 0px;
		margin-top: -25px;
	}

}


.main-cnts h3 span{ /*_*ecedit*/
	background-color: #555;
	color: #fff;
	display: inline-block;
	padding: 0 10px;
	font-weight: normal;
	border-radius: 4px;
	margin-bottom: 8px;
}

@media screen and (max-width: 640px){
.main-cnts h3{
	font-size: 18px;/*20px;*/
	line-height: 130%;
	font-weight: bold;
}
.main-cnts h3 span{
	background-color: #555;
	color: #fff;
	display: inline-block;
	padding: 3px 8px;
	font-weight: normal;
	border-radius: 4px;
	margin-bottom: 8px;
}
}

.main-cnts h4{
	padding: 0 0 0 0;
	margin: 20px 0 20px 0;
	font-size: 18px;
	color: #0066cc;/*#076eb6;*ecedit*/
	font-weight: bold;
	line-height: 150%;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #565657;
}
.main-cnts h4 span{
	font-size: 16px;
}

@media screen and (max-width: 640px){
.main-cnts h4{
	line-height: 130%;
}

}

.home .main-cnts.rit #sclink{  /*追加*/
	margin-right: 15px;
	padding: 20px 15px;
	background: #FFF;
}

.home .main-cnts.rit #sclink ul, /*追加*/
.page .main-cnts ul{
	list-style: none;
	padding-left: 0;
}

.home .main-cnts.rit #sclink ul > li /*追加*/
{
 position: relative;
 font-size: 15px;
 line-height: 1.5;
}
.page .main-cnts  ul > li {
	position: relative;
	font-size: 15px;
	line-height: 1.5;
	padding-left: 1.5em;
}
.page .main-cnts  ul > li:before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	width: 0.4em;
	height: 0.4em;
	background-color: #0066cc;
	border-radius: 100%;
	line-height: 1.5;
	text-align: center;
}

.page .main-cnts ul.tag{
	margin: 0;
	padding: 0;
	list-style: none;
}
.page .main-cnts  ul.tag > li {
	margin: 0 .3em .3em 0;
	display: inline-block;
	position: static;
	line-height: 1.5em;
	padding: 0.5em;
	background-color: #eee;
	border: 1px solid #eee;
	border-radius: 3px;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 13px;
	text-decoration: none;
	transition: .2s;
}
.page .main-cnts  ul.tag > li:before {
	list-style: none;
	background: none;
}

.page .main-cnts ol{
	counter-reset: li;
	list-style: none;
	padding-left: 0;
}

.page .main-cnts ol > li {
	font-size: 15px;
	position: relative;
	line-height: 2;
	padding-left: 2.5em;
}

.page .main-cnts  ol > li:before {
	content: counter(li) "";
	counter-increment: li;
	position: absolute;
	left: 0;
	width: 1.8em;
	height: 1.8em;
	background: #0066cc;
	border-radius: 50px;
	color: #fff;
	line-height: 2;/*1.8;*ecedit*/
	text-align: center;
}

.main-cnts p{
	font-size: 15px;
	line-height: 1.8;/*1.5;*ecedit*/
	margin: 1em 0 1em 0;
}

.main-cnts table {
	font-size: 15px;
	text-align: left;
	line-height: 1.5;
	width: 100%;
	border-collapse: collapse;
}

.main-cnts table small {
	font-size: 12px;
	}

.main-cnts table.table01 {
	border-top: 1px solid #ccc;
	border-left: 3px solid #0066cc;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
.main-cnts table.table01 th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: inherit;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.main-cnts table.table01 td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.main-cnts table.table02 {
}
.main-cnts table.table02 th {
	font-weight: bold;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
	background-color: #F8F8F8;
}
.main-cnts table.table02 td {
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
}
.main-cnts .mw_wp_form_preview table.table02 th {width: 25%}

@media screen and (max-width: 640px) {
.main-cnts table.table02 {
    border-top: 1px solid #ccc;
  }
.main-cnts table.table02 td {
    display: block;
  }

.main-cnts table.table02 th,
.main-cnts .mw_wp_form_preview table.table02 th	{
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}
.main-cnts table.table03 {
	border: none;
}
.main-cnts table.table03 th {
	padding: 10px;
	vertical-align: middle;
}
.main-cnts table.table03 td {
	padding: 10px;
	vertical-align: middle;
}
@media screen and (max-width: 400px) {
.main-cnts table.table03 {
  }
.main-cnts table.table03 td {
    display: block;
  }
.main-cnts table.table03 th {
    display: block;
    width: 100%;
  }
}
/*ec170204*/
.main-cnts table.table04 {
	border: none;
}
.main-cnts table.table04 th {
	padding: 10px;
	vertical-align: top;
}
.main-cnts table.table04 td {
	padding: 10px;
	vertical-align: top;
}

.main-cnts tbody tr.clickable:hover td {
            background: #ecf2fa;
            cursor: pointer;
        }

@media screen and (max-width: 400px) {
.main-cnts table.table04 {
  }
.main-cnts table.table04 td {
    display: block;
  }
.main-cnts table.table04 th {
    display: block;
    width: 100%;
  }
#teacher .main-cnts table.table04 {
	text-align: center!important;
  }

}

.main-cnts table.link th a,
.main-cnts table.link td a { display: block;}


/* ボタン装飾　//ec170204*/
.main-cnts .btn01 {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	display: block;
	background: #0066cc;
	border: 1px solid #003399;/*2px solid #eee;*ecedit*/
	border-bottom: 6px solid #003399;/*_*ecedit*/
	color: #fff;
	width: 100%;/*70%;*ecedit*/
	padding: 13px 0 10px;/*10px 0;*ecedit*/
	margin: auto;
}
@media screen and (max-width: 640px) {
.main-cnts .btn01 {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	display: block;
	background: #0066cc;
	border: 1px solid #003399;
	border-bottom: 6px solid #003399;
	color: #fff;
	width: 90%;
	padding: 13px 2em 10px;
	margin: auto;
}
}

.main-cnts .btn02 {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	display: block;
	background: #ff9933; /*#0069B8;*ecedit*/
	border: 1px solid #eb6100;/*2px solid #eee;*ecedit*/
	border-bottom: 6px solid #eb6100;/*_*ecedit*/
	color: #fff;
	width: 100%;/*70%;*ecedit*/
	padding: 13px 0 10px;/*10px 0;*ecedit*/
	margin: auto;
}

.clear {
	clear:both;
}
.clear_left {
	clear:left;
}
.clear_right {
	clear:right;
}
.main-cnts .tri01{
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top: 15px solid #ABACAB /*#99cc33*/; /*#A1CAE8;*ecedit*/
	margin-top: 5px;
	align: center;
}


/* // ec170209 */

#map_canvas{
	width: 100%;
	height: 500px;
}
#map_canvas img{
	max-width: none!important;
	zoom:1;
}

/* 写真角丸　ec170205 */

img.img-kadomaru {
	border-radius: 12px;
	z-index: 1;
	position: relative;
}

@media screen and (max-width: 400px) {
	img.img-kadomaru {border-radius: 0;}
}

.cubettl{
border-style: solid;
border-width: 1px;
border-color: #555; padding-bottom:2px;
color:#333;
}

.cubettl u { text-decoration: underline; }

/*Safari‚*/

body:last-child:not(:root:root) .cubettl {
padding-top:0px;
padding-bottom:1px;

}

/* form 要素 */
input[type="tel"],
input[type="text"],
input[type="email"]{
	padding: 4px 8px; height:36px; border-radius: 4px;
}
select{
	border-radius: 4px; padding: 4px 8px; min-height:36px;}
textarea
{ border-radius: 4px; padding: 4px 8px; min-height:98px;}


div.infobox {
   width: 90%;
   height: 7em;  /* 高さを制限(※) */
   overflow: scroll; /* スクロールバーを表示(※) */
   border: red 1px dashed;  /* 枠線を追加 */
   background-color: #fff0f0; /* 背景色を追加 */
}



/* 投稿ページのタイトルにカテゴリ追加 */
#pages-ttl-area.cf{
	position: relative;
}
.pages-now-cat{
	margin-left: 20px;
}
.pages-now-cat span{
	display: block;
	width: 90px;
	margin-top: 8px;
	padding: 5px 0 3px 0;
	color: #FFFFFF;
	font-size: 13px;
	text-align: center;
}
.pages-now-cat span.Lesson{background-color: #8EC500;}
.pages-now-cat span.Information{background-color: #0044A0;}
.pages-now-cat span.Advice{background-color: #009EEC;}

/* 投稿ページソーシャルボタン位置調整 */
.single .singles-entrys{
	position: relative;
}
.single .singles-entrys .wp_social_bookmarking_light{
	position: absolute;
	top: -100px;
	right: 0;
}
.wsbl_twitter{
	width: auto!important;
}
@media screen and (max-width: 910px){
	.single .singles-entrys .wp_social_bookmarking_light{
		left: 0;
		top: -70px;
	}
}
@media screen and (max-width: 640px){
	.single .singles-entrys .wp_social_bookmarking_light{
		top: -90px;
	}
	.wp_social_bookmarking_light img{
		height: 20px;
	}
}
/* 全投稿一覧ページ */
#cnts-area.all_singles_lis{
	background-color: #FFFFFF;
}
.archive-pagination,
.all_singles_lis .pagenate{
	margin-top: 30px;
	font-size: 14px;
	text-align: center;
}
.all_singles_lis .pagenate .page-numbers,
.wp-pagenavi a, .wp-pagenavi span,
.wp-pagenavi span.current{
	padding: 5px 10px!important;
	border: 1px solid #0066cc!important;
}
.archive-pagination .current,
.wp-pagenavi a:hover,
.all_singles_lis .pagenate .page-numbers.current,
.all_singles_lis .pagenate a.page-numbers:hover{
	background-color: #0066cc;
	color: #FFFFFF;
	font-weight: normal;
}
.all_singles_lis .pagenate .page-numbers.dots{
	border: none;
}


/* クリッカブルマップ（削除・変更して構いません、、）*/

div #clickablemap {
		width: 100%;
	}
img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}

/* フォーム（必須項目マーク表示）*/

.page .table02 th.form-required {
background-image: url(image/form-required.png); background-repeat: no-repeat;
background-position: right;
	right: -10;}


/* 申し込みページに選択タブ追加*/
/* 教室詳細ページに教室リスト追加*/
.main-cnts.rit #ctlink {
	margin-bottom: 30px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
.main-cnts.rit #sclink {
	clear: both;
	overflow: hidden;
}

.main-cnts.rit #sclink ul {

	margin-top: 30px;

}

.main-cnts.rit #ctlink ul > li:before,
.main-cnts.rit #sclink ul > li:before {
		all: initial; padding: 0;
}

.main-cnts.rit #ctlink li {
	width:33.3%; /*25%*/
	float:left;
	padding: 0;
}
.main-cnts.rit #sclink li {
	width:20%;
	float:left;
	padding: 0;
}

.main-cnts.rit #ctlink li a {
	/*background: #FFF;*/
	border: 1px solid #fff;
	color: #111;
	display: block;
	margin: 0;
	text-decoration: none;
	font-weight:normal;
	text-align: center;
	padding: 10px;
	background: #F0F0F0;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
.main-cnts.rit #sclink li a {
	/*background: #FFF;*/
	border: 1px solid #fff;
	color: #111;
	display: block;
	margin: 0;
	text-decoration: none;
	font-weight:bold;/*normal;*/
	text-align: center;
	padding: 15px 5px;
	background: #8cd9f5;/*#F0F0F0;*/
}

.main-cnts.rit #ctlink li  a:hover,
.main-cnts.rit #sclink li  a:hover {
	background: #0066CC;
	color: #fff;
}

.main-cnts.rit #ctlink li a.open,
.main-cnts.rit #sclink li a.open {
	background: #0066CC;
	color: #fff;
}

@media screen and (max-width: 749px) {

.home .main-cnts.rit #sclink {
	margin-right: 0;
	padding: 20px 10px;}

.main-cnts.rit #ctlink li,
	.main-cnts.rit #sclink li {
	width:33.3%;/*50%;*/
	float:left;
	padding: 0;
}
}




/*タブコンテンツ要素*/
.tab-content input[type="radio"]{
  display: none;
}

.tab-content label{
  display: inline-block;
  padding: 15px 5px;
  font-weight: bold;
  font-size: 13px;
  color: #0066cc;
  background-color: #f0f0f0;
  cursor: pointer;
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
  margin-left: 1px;
  width: 33%;
  text-align: center;
}

.tab-content.tab4 label{width: 24.5% !important;}
.tab-content.tab5 label{width: 19.5% !important;}

.tab-content label:hover,
.tab-content input[type="radio"]:checked + label {
  color: #FFF;
  background-color: #0066cc;
}

.tab-content label:hover{
	cursor: pointer;
	filter: alpha(opacity=60); /* IE6, IE7 */
	-ms-filter: "alpha( opacity=60 )";/* IE8 */
	opacity: 0.6;/* IE8 over, Opera, Safari, CSS3 over */
	-moz-opacity:0.6;/* Mozilla(FF,NS) */
	-khtml-opacity: 0.6;/* Safari 1.x */
}

.tab-content .tab-box{
  width: 100%;
  height: auto;
/*  padding: 15px;
  border: 1px dotted #ccc;*/
  border-radius: 0;
  box-sizing: border-box;
  /*margin-top: -15px;*/
}

.tab-content > .tab-box > div {
  display: none;
}

#tab1:checked ~ .tab-box > #tabView1 {
  display: block;
}

#tab2:checked ~ .tab-box > #tabView2 {
  display: block;
}

#tab3:checked ~ .tab-box > #tabView3 {
  display: block;
}

#tab4:checked ~ .tab-box > #tabView4 {
  display: block;
}

#tab5:checked ~ .tab-box > #tabView5 {
  display: block;
}

#tab11:checked ~ .tab-box > #tabView11 {
  display: block;
}

#tab12:checked ~ .tab-box > #tabView12 {
  display: block;
}

#tab13:checked ~ .tab-box > #tabView13 {
  display: block;
}

#tab14:checked ~ .tab-box > #tabView14 {
  display: block;
}