@charset "utf-8";

/* ----------------------------------------
	レッツ英会話スクール

	スクールガイドcss
	guide.css

	create 20140623 T.Y
---------------------------------------- */

/* ---------------------------------------------------------
	約320px未満の画面向けスタイル モバイルファースト
--------------------------------------------------------- */
/* ----- #main_left ----- */
#main_left {
}

/* ----- #main_left ----- */
#main_right {
	min-height: 500px;
}
#main_right .text_box {
	width: 100%;
	margin: 0 auto 30px;
	text-align: left;
}
#main_right .text_box h4 {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 10px;
}
#main_right .text_box p {
	margin-bottom: 5px;
}
#main_right .text_box .mokuhyo {
	margin-left: 45px;
}
#main_right .text_box .mokuhyo ol {
	margin-top: 10px;
}
#main_right .text_box .mokuhyo ol li {
	font-size: 2rem;
	margin-bottom: 5px;
}
#main_right .map {
	border: 1px solid #CCCCCC;
	width: 100%;
	height: 350px;
}
#main_right .map iframe {
	width: 100%;
}


/* ----- #main_right ----- */
#main_right .link_box {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: left;
}
#main_right .link_box ul {
}
#main_right .link_box ul li {
	margin-left: 30px;
	list-style: url(../guide/img/list_mark.png);
	margin-bottom:10px;
}
#main_right .link_box .english_title {
	display: block;
	font-size: 12px;
	margin-left: 5px;
}
.nodata {
	width: calc(100% - 30px);
	height: 130px;
	text-align: center;
	margin: 100px 0px;
	padding: 0px;
	display: block;
}
.photo_right img {
    -webkit-box-shadow: none;
    box-shadow: none;
}



@media screen and (min-width: 370px){
	/*	約370px以上の画面向けスタイル */

}



@media screen and (min-width: 560px){
	/*	約560px以上の画面向けスタイル */

}



@media screen and (min-width: 740px){
	/*	約740px以上の画面向けスタイル second tablet */

}



@media screen and (min-width: 980px){
	/*	約980px以上の画面向けスタイル second tablet  */

	#container .tweet_box {
		top: 178px;
	}

	/* ----- #main_left ----- */
	#main_left {
	}

	/* ----- #main_left ----- */
	#main_right {
		min-height: 500px;
	}
	#main_right .text_box {
		width: 670px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		text-align: left;
	}
	#main_right .text_box h4 {
		font-size: 24px;
		font-weight: normal;
	}
	#main_right .text_box p {
		margin-bottom: 5px;
	}
	#main_right .text_box .mokuhyo {
		margin-left: 45px;
	}
	#main_right .text_box .mokuhyo ol {
		margin-top: 10px;
	}
	#main_right .text_box .mokuhyo ol li {
		font-size: 20px;
		margin-bottom: 5px;
	}
	#main_right .map {
		border: 1px solid #CCCCCC;
		width: 668px;
		height: 350px;
	}


	/* ----- #main_right ----- */
	#main_right .link_box {
		width: 670px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		text-align: left;
	}
	#main_right .link_box ul {
	}
	#main_right .link_box ul li {
		margin-left: 30px;
		list-style: url(../guide/img/list_mark.png);
		margin-bottom:10px;
	}
	#main_right .link_box .english_title {
		display: block;
		font-size: 12px;
		margin-left: 5px;
	}
	.nodata {
		width: 100%;
		height: 130px;
		text-align: center;
		margin: 100px 0px;
		padding: 0px;
		display: block;
	}
	.photo_right img {
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
}



@media screen and (min-width: 1200px){
	/*	約1200px以上の画面向けスタイル pc(HD) */

}



@media screen and (min-width: 1600px){
	/*	約1600px以上の画面向けスタイル pc(Full HD) */

}

