@charset "utf-8";

/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {
}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px) {


}

/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px) {

/* コンテンツレイアウト
----------------------------------*/
#main {
	width: 100%;
	margin:0;
	float:none;
}
#main section{
	width:90%;
	margin:0 auto;
}
#sidebar {
	width: 100%;
	float:none;
}
#sidebar section{
	width:90%;
	margin:0 auto;
}
#contentsWrap {
	padding:20px 0;
}

/* ヘッダーレイアウト
----------------------------------*/
#header h1.description{
	width:95%;
	margin:0 auto;
	text-align: center;
}
.headerRight {
	width: 100%;
	float: none;
	padding:0;
}
.headerRight .headerRightContents{
	max-width:300px;
	margin:0px auto 10px;
}

.headerLeft {
	width: 100%;
	float: none;
	padding:20px 0 0;
}
.headerLeft .logo figure {
	width:95%;
	margin:0 auto -10px;
}

/* コンテンツボッウスレイアウト
----------------------------------*/

.boxLeft03 {
	width: 100%;
	margin-right:0;
	margin-bottom:50px;
	float: none;
}
.boxLeft03 img{
	display:block;
	max-width:300px;
	display:block;
	text-align:center;
	margin-right:0;
	float: none;
	margin:0 auto;
}
.boxRight03 {
	width: 100%;
	float: none;
}
.boxLeft04 {
	width: 100%;
	margin-right:0;
	float: none;
}
.boxRight04 {
	width: 100%;
	float: none;
	margin-bottom:50px;
}
.boxRight04 img{
	width: 100%;
	max-width:300px;
	display:block;
	text-align:center;
	margin-right:0;
	float: none;
	margin:0 auto;
}

/* サイドバー関連
----------------------------------*/
#sidebar .widget{
	margin-bottom:30px;
}
#sidebar .movie a img{
	display:block;
	width:100%;
	max-width:320px;
	margin:0 auto;
}
#sidebar #banner{
	display:block;
	width:100%;
	text-align:center;
}
#sidebar #banner li{
	margin-bottom:20px;
}


/* リンクボタン
----------------------------------*/

.gotoPege {
	width: 80%;
	margin: 50px auto 0;
	padding: 1px;
	font-weight: normal;
	font-size: 100%;
	text-align: center;
	float:none;
}

.gotoPege03 {
	width: 80%;
	margin:30px auto 0;
	padding: 1px;
	font-weight: normal;
	font-size: 100%;
	text-align: center;
	float:none;
}

/* トップページ
*******************************************/
.contentsTop dl {
	width:90%;
	height:auto;
	padding:8px;
	border:1px solid #CCCCCC;
	margin:0 auto 30px;
	float:none;
}
.contentsTop dl:nth-child(even){
   margin:0 auto 30px;
}
.contentsTop dd ul {
	margin-top:20px;
	font-size:15px;
}
.contentsTop dt {
	font-weight:bold;
	border-bottom:3px #EACA2D solid;
	margin-bottom:20px;
	font-size:14px;
}
.contentsTop dd {
	width:100%;
	margin:0 auto 20px;
	line-height:1.6em;
}
.contentsTop dd img{
	text-align:center;
	display:block;
	margin:0 auto 15px;
	line-height:1.6em;
}
.contentsTop dd.contentsText{
	width:90%;
	font-size:15px;
}
.contentsTop dd ul {
	width:90%;
	margin:10px auto;
	font-size:15px;
}
.contentsTop dd ul li a {
	color:#996600;
	padding:5px 0;
	display:block;
}

/* 新着情報
*****************************************************/
#information li {
	padding:3px 10px;
}
#information li .day {
	display:block;
	padding-right:0;
}


/* トップ その他のサービス
*******************************************/
.otherService{
	margin-right:inherit;
}
.otherServiceContents{
	border-bottom:1px solid #cccccc;
	width:100%;
	max-width:inherit;
	float:left;
	margin-right:inherit;
	margin:0 auto 30px;
	background-color:#FFFFFF;
}
.otherServiceText {
	min-height:inherit;
}


/* フッター
*****************************************************/
footer #sitemapInner {
	width:100%;
	max-width:inherit;
	margin:inherit;
}
footer .footerLeft{
	width:100%;
	text-align:center;
	margin-right:0;
	float:none;
	border-right:none;
	padding-right:0;
}
footer .footerLeft p{
	font-size:14px;
	line-height:1.8em;
}
footer .footerRight{
	width:100%;
	float:none;
	display:none;
}

.englishPage {
		width:100%;
		max-width:340px;
    margin:5px auto 10px;
}
.englishPage span{
	width:98%;
}

/* レッスン詳細
*******************************************/
.lessonBox{
	width:100%;
	max-width:640px !important;
	background-color:#FFFFFF;
	border-top:1px solid #cccccc;
}
.lessonBox img{
	width:100%;
	max-width:640px !important;
	border:none;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.lessonBox h3{
	width:100%;
	max-width:640px !important;
	background-color:#000066;
	color:#FFFFFF;
	text-align:center;
	padding:10px 0;
	font-weight:bold;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
.lessonBox h4{
	width:100%;
	max-width:640px !important;
	background-color:#E2E0E0;
	text-align:center;
	padding:10px 0;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
.lessonBox .lessonBoxLeft{
	width:100%;
	max-width:640px !important;
	float:left;
	padding:0px 0;
	min-height:none;
	border-left:none;
	border-bottom:none;
}

.lessonBox .lessonBoxRight{
	width:100%;
	max-width:640px !important;
	float:none;
	padding:10px 0;
	border-right:none;
	min-height:none;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.lessonBox .lessonBoxRight .textBox{
	padding:10px;
}
.lessonBox .lessonBox02{
	width:100%;
	max-width:640px;
	padding:20px 0 20px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.lessonBox .lessonBox02 .textBox{
	padding:5px 10px;
}



.lessonBox .lessonBoxLeft02{
	width:100%;
	max-width:640px !important;
	float:left;
	padding:0px 0;
	min-height:none;
	border-left:none;
	border-bottom:none;
}

.lessonBox .lessonBoxRight02{
	width:100%;
	max-width:640px !important;
	float:none;
	padding:10px 0;
	border-right:none;
	min-height:none;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.lessonBox .lessonBoxRight02 .textBox{
	padding:10px;
}

/* 国内留学の業界での位置づけ
*******************************************/
.serviceMarketTitle dl{
	width:50%;
	max-width:none;
	float:left;
	text-align:center;
}

.serviceMarketTitle dl:last-child dt{
	border-right:none;
}
.serviceMarketTitle dl:nth-child(even) dt{
	border-right:1px solid #999999;
}

.serviceMarketTitle dl:last-child dd{
	border-right:none;
}
.serviceMarketTitle dl:nth-child(even) dd{
	border-right:1px solid #999999;
}


/* タイトル設定
*****************************************************/
.contentsTitle01 { /* 青色中央横線 */
	width:95%;
	background-image:url(images/common/title_mark01.png);
	background-position:left center;
	background-repeat:repeat-y;
	border-bottom:1px solid #999999;
	font-weight:bold;
	margin:0 auto 30px;
	padding-bottom:0px;
	font-size:18px;
	padding-left:20px;
}
.contentsTitleMark {
	background-image:none;
	background-position:inherit;
	background-repeat:no-repeat;
	padding:0px 0px 0px;
	background-color:inherit;
}

.contentsTitle01 .subTitle { /* グレイの破線下線ボーダー */
		margin-left:30px;
		font-size:12px;
}

#sidebar .mark06 { /* グリーンの→→→マーク */
	background-image:none;
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 0px 0px;
	background-color:#FFFFFF;
}

.youtube{
	width:100%;
	margin:0 auto;
}

.youtube{
	width:100%;
	margin:0;
}

#main section img{
	width:100%;
	max-width:320px;
}

/* SEACT-TOEICスコア修正システム
*****************************************************/
.placementList li{
	float:none;
}
.placementList li.placementMark01{
	
	padding:30px 0 ;
}
.placementList li.placementMark02{
	
	padding:30px 0 ;
}
.placementList li.placementField{
	width:100%;
	max-width:180px;
	margin:0 auto;
}
.placementList li.placementField span{
	padding:0;
	display:block;
	font-weight:bold;
}
.placementList li input{
	width:100%;
	max-width:100px;
	text-align:center;
}

.priorityList li span{
	display:block;
}

/* メルマガ
*****************************************************/
.magazineBox{
	margin-bottom:100px;
}
.magazineBox h2 span{
	display:block;
	line-height:1.5em;
}
.magazineBox h3{
	line-height:1.5em;
}
.magazineBox h3 span{
	display:block;
}
.magazineBox h4{
	color:#FFFFFF;
	font-size:2.4em;
	font-weight:bold;
	text-align:center;
	line-height:1.5em;
}
.magazineBoxImg ul{
	width:100%;
	max-width:none;
	margin:20px auto;
}
.magazineBoxImg ul li{
	float:none;
	width:100%;
	max-width:640px;
	text-align:center;
}
.magazineBoxImg ul li img{
	width:100%;
	max-width:640px;
}


/* 合宿予定者へのお願い
*******************************************/
.bunpuTableLevel span{
	display:inline;
}


/* お申し込みフォームここから
*******************************************/

.formBox{
	padding:30px 0;
	font-size:0.9em;
}
.formBox dt{
	float:none;
	width:100%;
	max-width:640px;
	color:#666666;
	font-weight:bold;
	margin-bottom:20px;
}
.formBox dd{
	float:none;
	width:100%;
	max-width:640px;
}
input[type="text"], input[type="email"], textarea { /* inputのスタイル */
	width: 100%;
	max-width:250px;
}

/* 検索フォーム
*****************************************************/
.searchBox{
	padding-bottom:5px;
	position:inherit;
	z-index:0;
}
.searchBox #searchform{
	width:100%;
	max-width:320px;
	position:relative;
	margin:0 auto;
}
.searchBox #s{ /* inputのスタイル */
    width:100% !important;
		z-index:0;
}
.searchBox #searchsubmit{
    position:absolute;
    top:-8px;
    right:0px;
}
.searchBox #searchsubmit:hover{
    background-color:#666666;
}


/* 文法ページ
*******************************************/
.grammerMark{
	display:block;
	text-align:center;
	width:100%;
	margin:0 auto 20px;
}
.grammerMark li{
	float:none;
	font-weight:bold;
	text-align:center;
	display:block;
}
.grammerContents{
	width:100%;
	max-width:none;
	float:none;
	margin-right:0;
	margin-bottom:60px;
}
.grammerContents .grammerContentsLeft{
	width:48%;
	max-width:300px;
}
.grammerContents .grammerContentsLeft .grammerTitle{
		width:100%;
		font-size:0.9em;
		max-width:270px;
		padding:20px 0;
}
.grammerNote{
		display:block;
		width:100%;
		max-width:300px;
		text-align:center;
}
.grammerContents .grammerContentsRight{
		width:48%;
		max-width:300px;
		float:right;
	}
.videoButton{
		display:block;
		width:100%;
		max-width:300px;
		text-align:center;
}
.videoTime{
		font-size:1em;
		text-align:center;
	}
	

.langLink{
	font-size: 1.3em;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}
	
a.linkOn{
	color:#033EFA;
	text-decoration: underline;
}
	
	
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px) {

}