/*	12 COLUMN : RESPONSIVE GRID SYSTEM
	DEVELOPER : DENIS LEBLANC
	VERSION : 3.0
	LICENSE : GPL & MIT */


/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/scripts/boxsizing.htc); 
	/*	If you need support for IE7 and lower make 
		sure the boxsizing.htc file is linked properly.
		More info here:  https://github.com/Schepp/box-sizing-polyfill */
}


/*	MAIN CONTAINER 
	Set the width to whatever you want the width of your site to be. */
.container { 
	max-width: 1120px;
	margin: 0 auto; 
}


img
{
	max-width: 100%;
	height: auto;
}


/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
.container:after,
.row:after, 
.col:after, 
.clr:after, 
.group:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

/* 	DEFAULT ROW STYLES 
	Set bottom padding according to preference */
.row { padding-bottom: 0em;
}


/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float: left;
	width: 100%;
}

@media ( min-width : 768px ) {
	
	.gutters .col {
		margin-left: 2%;
	}
	
	.gutters .col:first-child { 
		margin-left: 0; 
	}
}




/*	COLUMN WIDTH ON DISPLAYS +768px 
	You might need to play with media queries here to suite your design. */
@media ( min-width : 768px ) {
	.span_1 { width: 8.33333333333%; }
	.span_2 { width: 16.6666666667%; }
	.span_3 { width: 25%; }
	.span_4 { width: 33.3333333333%; }
	.span_5 { width: 41.6666666667%; }
	.span_6 { width: 50%; }
	.span_7 { width: 58.3333333333%; }
	.span_8 { width: 66.6666666667%; }
	.span_9 { width: 75%; }
	.span_10 { width: 83.3333333333%; }
	.span_11 { width: 91.6666666667%; }
	.span_12 { width: 100%; }
	
	.gutters .span_1 { width: 6.5%; }
	.gutters .span_2 { width: 15.0%; }
	.gutters .span_3 { width: 23.5%; }
	.gutters .span_4 { width: 32.0%; }
	.gutters .span_5 { width: 40.5%; }
	.gutters .span_6 { width: 49.0%; }
	.gutters .span_7 { width: 57.5%; }
	.gutters .span_8 { width: 66.0%; }
	.gutters .span_9 { width: 74.5%; }
	.gutters .span_10 { width: 83.0%; }
	.gutters .span_11 { width: 91.5%; }
	.gutters .span_12 { width: 100%; }
}


/* ------------------------------------------- */
/*  1200px以下*/
/* ------------------------------------------- */


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

.container
{
	margin: 0 10px;
}

footer h2 a
{
	background: url(../images/logo_footer.png) no-repeat;
	background-size: 188.5px 43px;
	width: 300px;
	height: 43px;
	display: block;
	padding: 35px 0 0 55px;
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	margin: 10px 0 0 0;
}

.top_zaikousei
{
	width: 100% !important;
	margin: 25px auto 0;
	float: none;
}

.inline-block {
	font-size: 20px;
}

.sub_title
{
	font-size: 14px;
}

#artcollection_detail .detail
{
	padding: 0 0 0 0;
	width: 80%;
	margin: 0 auto;
}


}


/* ------------------------------------------- */
/*  980pxから1200px以下*/
/* ------------------------------------------- */

@media screen and (min-width:980px) and (max-width:1200px) {

#dropmenu {
  list-style-type: none;
/*
  width: 750px;
*/
  padding: 7px 0 0 0;
}
#dropmenu li {
  position: relative;
/*
  width: 16.2%;
*/
  width: 16.66%;
  float: left;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center;
}
#dropmenu li ul li a {
  font-size: 11px;
}
#dropmenu li:hover > ul > li {
  overflow: visible;
  height: 37px;
}
header #h_info .btn a
{
	background: #000 url(../images/arrow_01.png) no-repeat 92% 50%;
	color: #fff;
	display: block;
	width: 180px;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	line-height: 36px;
	padding: 0 30px;
	margin: 15px 0 0 0;
	height: 36px;
}

#t_news
{
	margin: 0 0 50px 0;
}

#t_news h3
{
	margin: 10px 0 10px 0;
	font-weight: 600;
}

#t_news .frm
{
	padding: 15px;
	margin: 0 0 10px 0;
	width: 100%;
}



}

/* ------------------------------------------- */
/*  769pxから980px以下*/
/* ------------------------------------------- */

@media screen and (min-width:769px) and (max-width:980px) {


#dropmenu {
  list-style-type: none;
/*
  width: 150%;
*/
  padding: 7px 0 0 0;
}
#dropmenu li ul li a {
  font-size: 12px;
}

#dropmenu li:hover > ul > li {
  overflow: visible;
  height: 38px;
}

header #h_info
{
	display: none;
}

}

/* ------------------------------------------- */
/*  980px以下*/
/* ------------------------------------------- */


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


#lesson .left
{
	width: 100%;
	float: none;
	background: #fff;
	text-align: center;
}

#lesson .right
{
	width: 100%;
	background: #fff;
	text-align: center;
	float: none;
}	

#lesson .bg_white
{
	background: #fff;
	height: auto;
	border-left: none;
	padding: 20px;
}

#lesson .bg_white_top
{
	background: #fff;
	height: auto;
	border-left: none;
	padding: 20px;
}

#lesson .bg_white_top
{
	background: #fff;
	height: auto;
	border-left: none;
	padding: 20px;
}

#lesson .bg_glay
{
	background: #fff;
	text-align: center;
	height: auto;
	padding: 20px;
}

#lesson .boader_top
{
	border-top: none;
}

#lesson .boader_left
{
	border-left: none;
}

#t_news
{
	margin: 0 0 50px 0;
}

#t_news h3
{
	margin: 10px 0 10px 0;
	font-weight: 600;
}

#t_news .frm
{
	padding: 15px;
	margin: 0 0 10px 0;
	width: 100%;
}

.inline-block {
	font-size: 16px;
}

.sub_title
{
	font-size: 13px;
}

.inline-block li {
	padding: 0px 20px;
}

}


/* ------------------------------------------- */
/*  768px以下*/
/* ------------------------------------------- */

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

body {
/*
	font-size: 16px;
*/
	line-height: 1.6;
}

header #logo a {
	height: auto;
/*
	background: url(../img/logo.png) no-repeat;
	background-size: 200px auto;
	width: 300px;
	height: 43px;
	display: block;
	padding: 20px 0 0 55px;
	text-decoration: none;
	font-size: 10px;
	color: #000;
	margin: 10px 0 0 0;
*/
}


.metaslider
{
	margin: 20px 0 10px 0;
	overflow: hidden;
}

#sp_menu {
	display: block;
	width: 100%;
	height: 50px;
	background: #000;
}

#h_info
{
	display: none;
}

.container
{
	margin: 0 10px;
}

footer h2 a
{
	background: url(../images/logo_footer.png) no-repeat;
	background-size: 188.5px 43px;
	width: 300px;
	height: 43px;
	display: block;
	padding: 35px 0 0 55px;
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	margin: 10px 0 0 0;
}

#f_menu
{
	border-left: none;
	margin: 0 0 35px 0;
	padding: 0;
}

#f_menu li
{
	background: url(../images/arrow_04.png) 0 49% no-repeat;
	padding: 0px 0px 2px 13px;
}


#f_menu_left li
{
	background: url(../images/arrow_04.png) 0 50% no-repeat;
	padding: 0px 0px 2px 13px;
}


/* parts */

.title
{
	font-family: 'Archivo Black', sans-serif;
	font-size: 25px;
	text-align: center;
	margin: 50px auto 10px;
	font-weight: normal;
}

.page_title
{
	font-size: 27px;
	line-height: 1.0;
	margin: 30px auto;
}


/* 共通 */

#breadcrumb
{
	display: none;
}

#content_title
{
	padding: 7px 0 17px;
	margin: 15px 0 -10px 0;
}

#content_title h1
{
	font-size: 20px;
	line-height: 1.6;
}

#content_title .subtitle
{
	font-size: 15px;
	line-height: 0.7;
}

.inline-block {
	text-align: center;
	font-size: 18px;
	padding: 0 0;
	margin: 0 10px 0 10px;
}

.inline-block li {
	display: block;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	padding: 8px;
	margin: 0 auto 8px;
	text-align: center;
	line-height: 0.8;
	border-right:none;
	border: 1px #333 solid;
}

.inline-block li a
{
	display: block;
	width: 100%;
	text-align: center;
}

.inline-block li:last-child
{
	border: 1px #333 solid;
}

.sub_title
{
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 13px;
}

.m_30
{
	margin: 20px 10px 30px;
}

.title_black
{
	font-size: 20px;
	height: auto;
	line-height: 1.2;
	background: #000;
	color: #fff;
	margin: 30px 0 20px 0;
	padding: 3px 0 3px 10px;
}

#request_form_in h3
{
	font-size: 17px;
	background: url(../images/arrow_08.gif) 0 6px no-repeat;
}

#request_form_in .add
{
	font-size: 15px;
	line-height: 1.3;
	margin: 5px 0 0 0;
}

#request_form_in .frm
{
	background: #cbcbca;
	margin: 30px 0 40px 0;
	padding: 10px 15px 5px 15px;
}

#request_form_in .frm dt
{
	width: 100%;
	font-weight: 600;
	margin: 0 0 10px 0;
	float: none;
}

#request_form_in .frm dd
{
	margin: 0 0 10px 0;
	clear: both;
	border-left:none;
}

#request_form_in .form dl
{
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px #000 solid;
}

#request_form_in .form dt
{
	float: none;
	width: 100%;
	clear: both;
	font-weight: 600;
	padding: 0;
}

#request_form_in .form dd
{
	float: none;
	width: 100%;
	border-left:none;
	padding: 0;
}

#request_form_in .wpcf7-text
{
	width: 100%;
	font-size: 15px;
	height: 40px;
}

#request_form_in .wpcf7-textarea
{
	width: 100%;
	font-size: 15px;
	padding: 10px;
}

#request_form_in .kengaku_data
{
	padding: 0;
	clear: both;
}


/* aboutus */

#aboutus .inline-block
{
	margin: 0 0 0 0;
}

#aboutus p
{
	font-size: 16px;
	padding: 0 0 25px 0;
	line-height: 1.6;
}

/* history */


#history .history dt
{
	padding: 10px 0 0;
	width: 100%;
	font-weight: 800;
	float: none;
}

#history .history dd
{
	padding: 0 0 10px;
}

#history h4
{
	font-size: 22px;
	height: 40px;
	line-height: 40px;
	background: #000;
	color: #fff;
	text-align: center;
	margin: 40px 0 20px 0;
	padding: 0;
}

#history .frm
{
	padding: 20px;
	overflow: hidden;
	border-bottom:none;
}

#history .frm_bottom
{
	border-bottom:1px #000 solid;
}

#history .frm dt
{
	text-align: center;
}

#history .name
{
	margin: 15px 0 10px;
	font-weight: 800;
}

#history .frm_half_left
{
	margin: 0;
	float: none;
	width: 100%;
}

#history .frm_half_right
{
	margin: 0;
	float: none;
	width: 100%;
}

#history .left
{
	float: none;
	width: 100%;
}

#history .img_right
{
	float: none;
	text-align: center;
	margin: 10px auto 0;
}

#history .frm_s_left
{
	margin: 0 0 0 0;
	float: none;
	width: 100%;
}

#history .frm_s_right
{
	margin: 0 0 0 0;
	float: none;
	width: 100%;
}

.history_img
{
	margin: 20px 0 0 0;
}

#history .text_left
{
	float: none;
	width: 100%;
	margin: 0 15px 0 0;
}

#history .text_right
{
	float: none;
	width: 100%;
	background: none;
	color: #333333;
	margin: 0 0 0 0;
	padding: 0;
}

/* features */

#features_in
{
	margin: 40px 0 30px 0;
	padding:2px 0 30px 0;
}

#features .page_title
{
	font-family: 'Archivo Black', sans-serif;
	font-size: 27px;
	margin: 20px 0 20px;
	text-align: center;
	font-weight: normal;
}

.features_img
{
	width: 70%;
	height: auto;
}

#features h3
{
	font-size: 22px;
	height: auto;
	line-height: 40px;
	background: #000;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	margin: 10px 0 20px 0;
	padding: 3px 10px;
}

#features_img
{
	margin: 0 0 55px;
}

#features_img .span_4
{
	text-align: center;
	margin: 0 0 10px 0;
}

.m_b_40
{
	margin: 0 0 40px 0;
}


/* staff */

#lecturers
{
	margin: 0 0 0 0;
	padding: 0;
}

#speciallecturers
{
	padding: 0;
}

#lecturers li
{
	float: none;
	width: 100%;
	text-align: center;
	margin: 0 auto 50px;
}

#lecturers h3
{
	font-size: 18px;
	margin: 10px auto 0px;
}

#speciallecturers li
{
	float: none;
	width: 100%;
	text-align: center;
	margin: 0 auto 50px;
}

#guestlecturers
{
	padding: 0;
}

#guestlecturers li
{
	float: none;
	width: 100%;
	text-align: center;
	margin: 0 auto 50px;
}

#guestlecturers h3
{
	font-size: 18px;
	margin: 10px auto 0px;
}

.lecturers_menu {
	text-align: center;
	font-size: 16px !important;
	margin: -20px 0 0 0 !important;
	padding: 0px 0 10px;
}

.lecturers_menu li {
	display: block ;
	padding: 0px 5px !important;
}

.lecturers_menu .btn a
{
	margin: 0 auto 10px;
	width: 90%;
}

#lecturers_detail .img
{
	margin: 0 auto 10px;
}

#lecturers_detail .name
{
	margin: -10px 0 0 0;
}

#lecturers_detail .illust_list
{
	clear: both;
	margin: 20px 0 0 0;
}


#lecturers_detail .illust_list li
{
	float: none;
	text-align: center;
	margin: 0 0 18px 0;
}



/* curriculum */

.curriculum_class
{
	margin: 0px 0 -40px 0;
	padding: 0 0 80px 0;
}

.class_catch
{
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 8px 0;
}

#contentsofclass .frm
{
	border-left: none;
	border: 1px #000 solid;
	margin: 20px 0 20px 0;
}

#contentsofclass .bg_white
{
	background: #fff;
	padding: 10px 15px;
}

#kiso
{
	margin: 20px 0;
}

#kenkyu
{
	margin: 20px 0;
}

#kiso h2
{
	font-size: 25px;
	padding: 0 0 0 20px;
	margin: 20px 0 20px 0;
}

#contentsofclass .kiso_title
{
	background: url(../images/class_kiso.gif) no-repeat 0 70%;
	background-size: 12.5px 16px;
	padding:8px 0 0 20px;
	line-height: 1.0;
}

#honka h2
{
	font-size: 25px;
	padding: 0 0 0 20px;
	margin: 20px 0 20px 0;
}

#contentsofclass .honka_title
{
	background: url(../images/class_honka.gif) no-repeat 0 70%;
	background-size: 12.5px 16px;
	padding:8px 0 0 20px;
	line-height: 1.0;
}

#kenkyu h2
{
	font-size: 25px;
	padding: 0 0 0 20px;
	margin: 20px 0 20px 0;
}

#contentsofclass .kenkyu_title
{
	background: url(../images/class_kenkyu.gif) no-repeat 0 70%;
	background-size: 12.5px 16px;
	padding:8px 0 0 20px;
	line-height: 1.0;
}

#contentsofclass .class_subtitle
{
	background: #000;
	padding: 7px;
	line-height: 1.2;
	text-align: left;
	color: #fff;
}

.text_right
{
	float: none;
	background:none;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	margin: 10px auto;
	line-height: 1.0;
	padding: 0;
}

#contentsofclass .level_title
{
	font-size: 17px;
	font-weight: 600;
	margin: 0px 0 15px 0;
}

#contentsofclass .level
{
	background: #d5d4d2;
	padding: 15px;
}

#cyd h2
{
	font-size: 25px;
	padding: 0 0 0 20px;
	margin: 20px 0 20px 0;
}

#contentsofclass .cyd_title
{
	background: url(../images/class_cyd.gif) no-repeat 0 70%;
	background-size: 12.5px 16px;
	padding:8px 0 0 20px;
	line-height: 1.0;
}

#cyd .frm
{
	padding: 15px;
	clear: both;
}

/* photogallery */

#photo-gallery p
{
	text-align: left;
}

#photo-gallery .metaslider
{
	width: 100%;
	height: auto;
	margin: 20px auto 60px;
}

/*artcollection_new*/

#artcollection_news .catch
{
	padding: 4px 5px 6px;
	text-align: left;
	line-height: 1.4;
	font-weight: normal;
	font-size: 13px !important;
	color: #fff;
}

#artcollection_news ul
{
	margin: 0;
}

#artcollection_news li
{
	float: none;
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}

/*artcollection*/

#artcollection .list ul
{
	margin: 0;
}

#artcollection .list a
{
	width: 48%;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	height: 40px;
	background: url(../images/arrow_05.png) 15px 50% no-repeat;
	font-size: 13px;
	border: #000 solid 1px;
	padding: 0 0 0 30px;
	margin: 0 1% 10px;
}

#artcollection .list a:hover
{
	width: 48%;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	font-size: 13px;
	height: 40px;
	border: #000 solid 1px;
	background: #666 url(../images/arrow_05.png) 15px 50% no-repeat;
	padding: 0 0 0 30px;
	margin: 0 1% 10px;
}

#artcollection .illust_list li
{
	float: none;
	text-align: center;
	margin: 0 auto 20px;
}

#artcollection_detail .detail
{
	padding: 0 0 0 0;
	width: 100%;
}

#artcollection_detail .btn
{
	width: 100% !important;
	margin: 60px auto 60px;
	clear: both;
}

#artcollection_detail .btn a
{
	font-size: 14px;
}

#artcollection_detail .img
{
	margin: 0 0 20px 0;
}

#artcollection_detail .detail h3
{
	font-weight: 600;
}

/* graduates */

#graduates
{
	padding: 0 0 60px 0;
}

#gaduates_list .profile_img
{
	margin: 0 10px 0 0;
	width: 30%;
}

#gaduates_list .gaduates_list_frm li
{
	padding: 15px;
	overflow: hidden;
}

#gaduates_list .detail dl
{
	overflow: hidden;
	clear: both;
	padding: 10px 0 10px 0;
	border-bottom:1px solid #000;
}

#gaduates_list .detail .text
{
	padding: 10px 0 0 0;
}

#gaduates_list .detail ul
{
	margin: 0px 0 0 -55px;
	padding: 0;
	float: none;
}

#gaduates_list .detail li
{
	background: url(../images/arrow_10.gif) 0 50% no-repeat;
	padding: 0 0 0 20px;
	float: none;
}

#gaduates_list .detail .name_left
{
	float: none;
	padding: 0;
	margin: 0;
}

#graduates .img
{
	width: 100%;
	text-align: center;
	margin: 0 0 30px 0;
}

#graduates .files
{
	overflow: hidden;
	padding: 0 0 20px 0;
}

#graduates .files h2
{
	font-size: 22px;
	margin: 0 0 30px 0;
}

#graduates .profile_img
{
	width: 220px;
	float: none;
	margin: 0 auto 0;
}

#graduates .detail h3
{
	font-size: 20px;
	width: 100%;
	font-weight: 600;
	text-align: center;
	margin: 0 0 10px 0;
}

#graduates .detail dl
{
	margin: 0;
	padding: 0;
}

#graduates .files_text
{
	clear: both;
	background: #dcdad7;
	padding: 10px;
}

/* admission */

#admission_in
{
	padding: 0 0 40px 0;
}

#admission h3
{
	font-size: 18px;
	background: url(../images/arrow_08.gif) 0 50% no-repeat;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-weight: 600;
}

#admission_in .frm
{
	border: 1px #000 solid;
	padding: 15px;
	font-size: 16px;
	overflow: hidden;
	margin: 20px auto 20px;
}

#admission_in .btn a
{
	margin: 10px auto 0 !important;
	width: 80%;
}

#admission_fee .contact
{
	margin: 30px auto 0;
	width:100%;
}

#admission_fee .contact h2
{
	padding: 4px 5px 6px;
	text-align: left;
	line-height: 1.4;
	font-weight: normal;
	font-size: 13px !important;
	color: #fff;
}

#admission_fee .contact p
{
	text-align: left !important;
}

#admission_fee .contact_in
{
	padding: 10px;
	text-align: left !important;
}

#admission_fee .tel
{
	font-size: 22px;
}

#admission_fee .btn a
{
	width: 100%;
	margin: 20px auto 10px;
	font-size: 12px;
	font-weight: 600;
}

/* access */

#access
{
	margin: 0 0 60px 0;
}

#access .span_6
{
	margin: 10px 0;
}

/*
#access dl
{
	margin: 0 0 10px 0;
}

#access dt
{
	background: url(../images/arrow_07.gif) 13px 4px no-repeat;
	padding: 0 0 0 36px;
	clear: both;
	font-weight: 600;
}

#access ul
{
	margin: 0 0 10px 0;
}
*/

#access .access_img
{
	margin: 0 auto 30px;
}

#access .contact h2
{
	padding: 4px 5px 6px;
	text-align: left;
	line-height: 1.4;
	font-weight: normal;
	font-size: 13px !important;
	color: #fff;
}

#access .contact
{
	margin: 30px auto 0;
	width:100%;
}

#access .contact p
{
	text-align: left !important;
}

#access .tel
{
	font-size: 22px;
}

#access .contact_in
{
	padding: 10px;
	text-align: left !important;
}

#access .btn a
{
	width: 100%;
	margin: 20px auto 10px;
	font-size: 12px;
	font-weight: 600;
}

/* request_form */

.request_form_menu
{
	border:none;
	overflow: hidden;
	margin: 0 0 30px 0;
}

.request_form_menu .contact h3
{
	font-size: 20px;
	padding: 0px 10px;
	border-bottom:none;
	text-align: left;
	margin: 0 0 20px 0;
	font-weight: 600;
	border-left:8px solid #000;
}

#request_form .faq_in h3
{
	font-size: 20px;
	padding: 0px 10px;
	font-weight: 600;
	clear: both;
	border-bottom:none;
	text-align: left;
	margin: 0px 0 20px 0;
	border-left:8px solid #000;
}


.request_form_menu .contact
{
	float: none;
	padding: 0;
	width: 100%;
}

.request_form_menu dt
{
	font-size: 16px;
	display: inherit;
	padding: 3px 15px;
	text-align: center;
	font-weight: 600;
	background: #eee;
	width:100%;
	margin: 0 auto;
	color: #333;
}

.request_form_menu dd
{
	margin: 15px 0 0 0;
}

.request_form_menu p
{
	text-align: left;
}

.request_form_menu .tel
{
	width: 100%;
	text-align: center !important;
	padding:0px;
	height: inherit;
	float: left;
}

.request_form_menu .mail
{
	width: 100%;
	text-align: center !important;
	height: inherit;
	padding:20px 0 40px;
	float: left;
	border-left:none;
}

.request_form_menu .faq
{
	font-size: 16px;
}

.request_form_menu .tel_font
{
	font-size:22px;
}

.font_mail
{
	font-size:22px;
}

#request_form .faq
{
	width: 100%;
	float: none;
	height: inherit;
	border-left: none;
	position: inherit;
}

#request_form .faq_in
{
	position: inherit;
	top: inherit;
	right: inherit;
	bottom: inherit;
	left: inherit;
	margin: auto;
	width: 100%;
	height: inherit;
}

#request_form .btn a
{
	padding: 0 70px;
	width: 185px;
	margin: 20px auto 0;
}


/* faq */

#faq h2
{
	font-size: 16px;
	font-weight: 600;
}

#faq dl
{
	margin: 0 0 10px 0;	
	overflow: hidden;
}

#faq dt
{
	font-weight: 600;
}

#faq .btn
{
	width: 100%;
	margin: 0 auto 30px;
	font-weight: 600;
}

#faq .btn a
{
	font-size: 13px;
	font-weight: 600;
}	



/* privacy */

.policyname h2
{
	font-weight: 600;
}

/* privacy */

#privacy h3
{
	font-size: 18px;
	padding: 0px 0px;
	border-bottom:none;
	text-align: left;
	margin: 0 0 10px 0;
	font-weight: 600;
	border: none !important;
	background: none;
	border-left:none !important;
}

#privacy p
{
	padding: 0 0 15px 0;
}

#privacy ol
{
	margin: 0 25px 25px;
	padding: 0px;
}

.policyname h2
{
	font-weight: 600;
	font-size: 16px;
	clear: both;
}

/* about */

#about
{
	margin: 0 0 60px 0;
}

#about h3
{
	background: #cccac5;
	font-size: 16px;
	font-weight: 600;
	height: auto;
	margin: 0 0 20px 0;
	padding: 5px;
	line-height: 1.3;
}

/* lesson */

.lesson_in
{
	margin: 0px 0 -40px 0;
	padding: 0 0 60px 0;
}

/* schedule */

.schedule_in
{
	margin: 0px 0 -40px 0;
	padding: 0 0 80px 0;
}

#schedule_sample h3
{
	font-size: 18px !important;
	font-weight: 800;
	border-bottom: 1px #000 solid;
	margin: 0 0 15px 0;
	background: none !important;
}

#schedule .schedule_info h3
{
	font-size: 17px;
	font-weight: 600;
}


#schedule .schedule_info dl
{
	border:none;;
	width: 100%;
	margin: 0 0 0 0;
	float: none;
	padding: 0;
}

#schedule .schedule_info dd
{
	text-align: center;
	height: auto;
	width: 100%;
	padding: 10px 0;
	display: inherit;
	vertical-align: middle;
	text-align: center;
}

#schedule .schedule_info .right
{
	float: none;
	text-align: right;
	margin: 0 0 4px 0;
}

#schedule .schedule_info .boader
{
	border-right: none;
}

#schedule .schedule_info ul
{
	clear: both;
	padding: 15px 0 0 0;
}

#schedule .schedule_info .w_20
{
	width: 100% !important;
}

#schedule .schedule_info .w_20 dd
{
	height: auto;
	padding: 10px 0;
}

#schedule .schedule_info .frm
{
	background: #d5d4d2;
	padding: 15px;
}

#schedule_sample ul
{
	padding: 0px 15px 15px;
}

#schedule_sample li
{
	padding: 15px 0 15px 0 !important;
}

#schedule_sample .schedule
{
	margin: 0 0 0px;
}

#schedule_sample .catch
{
	font-size: 16px;
	font-weight: 800;
}

#schedule_sample .span_5
{
	text-align: right;
	margin: 10px 0 0 0;
}




/* 固定ページ */

.page_container
{
	margin: 20px auto;
}

/* top */

#t_news .news
{
	width: 100%;
	margin: 20px auto;
}

#top_main
{
	margin: 10px 0 20px 0;
}

#top_main .main_img
{
	text-align: center;
}

#top_main .main_img img
{
	/*max-width: 80%;*/
	height: auto;
	/*margin: 0 auto;*/
}

.fb
{
	display: none;
}

div.fb-page,
div.fb-page iframe[style],
div.fb-page span {
width: 100% !important;
margin: 0 auto 60px;
height: auto;
}

.top_zaikousei
{
	width: 100% !important;
	margin: 25px auto 0;
	float: none;
}




/* 投稿 */

.post
{
	padding: 30px 0 20px 0;
	background: #edecea;
	margin: 0 0 0 0;
}

.post_img
{
	float: none;
	text-align: center;
	padding: 5px 0;
	margin: 5px 0 0 0;
}

#post h1
{
	font-size: 20px;
	line-height: 1.4;
}

#post_cate
{
	margin: 10px 0 10px 0;
	text-align: right;
}

.pagenavi
{
	margin: 0 0 30px 0;
}

/* postimage */

.alignright
{
  display: block;
  width: auto;
  float: none;
  margin: 15px auto;
}

.alignleft
{
  float: none;
  display: block;
  width: auto;
  margin: 15px auto;
}


/* サイドバー */

#sidebar
{
	padding: 0 0 0 0;
}

}