@charset "utf-8";

@media screen and (max-width: 480px) {
html {font-size: 12px;}

/*==========================================
 inner
===========================================*/
.inner {width: 88%;
margin: 0 auto 0;
padding: 0;}

.inner:after{content: "";
display: block;
clear: both}


/*==========================================
 topCSS
===========================================*/
/* codrops-header ---------------------------------------*/
.codrops-header {margin: 0 auto; padding: 48px 0;
text-align: center;
background-image: url(../images/bkg/codrops-header_tbmo_bg.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:center top;}

/* related ----------------------------------------------*/
.related p {margin:0 8px; padding: 0; letter-spacing:1px;}

/* related_stage1 ---------------------------------------*/
.related_stage1 .radius_img img{max-width: 70%;}
.related_stage1 .eria-left {float:none; width: 100%; margin:0 auto; padding:38px 0; text-align:center;}
.related_stage1 .eria-right {float:none; width: 100%; margin:0 auto; padding:0; text-align:center;}
.related_stage1 h2 {font-size: 1.18em; letter-spacing:0px;}
.related_stage1 h2 span {margin: 0 1em; padding: 0 1em;}

/* related_stage2 ---------------------------------------*/
/* related_menu ----------------------------------------------*/
.related_menu .eria-left {float:none; width: 100%; margin:0 auto; padding:0; text-align:center;}
.related_menu .eria-right {float:none; width: 100%; margin:0 auto; padding:0; text-align:center;}
/* related_footer ---------------------------------------------*/
.related_footer {margin:0 auto 0; padding: 8px 0 88px; text-align: center;}
.related_footer nav {width: 100%; margin: 8px auto 4px;}
.related_footer nav ul{margin:0 auto 0; padding:0; list-style: none; text-align: center; font-size: 0.8em;}
.related_footer nav ul li {float: left; width: 48%; margin:0.5%; padding: 0;}
.related_footer nav ul li a{display: block;
margin:0 auto 4px;
padding: 8px;
border: 1px solid #ffffff;
background: transparent;
color:#ffffff;
font-weight:normal;
text-decoration: none;}
.related_footer nav ul li a:hover,
.related_footer nav ul li a:active {background:#c3ab86; text-decoration: none; color:#ffffff;}
.related_footer #copyright {display:none; margin:0; padding:0;}
/*==========================================
 footer_fixedarea 固定フッターPCc Tbios off
===========================================*/
#footer_fixedarea {position: fixed; /* 固定 */
bottom: 0; /* 一番下に表示 */
width: 100vw;
background-color: #333333;
color: #ffffff;
border-top:1px solid #ffffff;}
#footer_fixedarea .l_eria {float: left; width: 48%; margin:0 auto 0; padding:0;}
#footer_fixedarea .r_eria {float: right; width: 48%; margin:0 auto 0; padding:0;}
#footer_fixedarea a:link,
#footer_fixedarea a:visited {color: #ffffff; text-decoration: none;}
#footer_fixedarea a:hover,
#footer_fixedarea a:active {color: #888888; text-decoration: none;}
/*==========================================
 contentCSS
===========================================*/
.content-header {padding: 4px;}
.content-header h1 {font-size: 1em; letter-spacing:1px;}
.content-related_title {margin:0 auto; padding: 4px 0;}
.content-related_title h2 {font-size: 1.08em; letter-spacing:1px;}

/* content_stage ------------------------------------------------------------*/
.content_stage .eria-left {float:none; width: 100%; margin:8px auto; padding:8px;}
.content_stage .eria-right {float:none; width: 100%; margin:8px auto; padding:8px;}
/*=========================================
 Style_design css
===========================================*/
/* --------------------------------------------------*/
ul.listdesign_00 li{font-size:0.8em;}
ul.listdesign_00 li.sub{font-size:0.8em;}
ul.listdesign_lesson{list-style:none; margin:0 auto 48px; padding:4px;}
ul.listdesign_lesson li{font-size:1em;}
ul.listdesign_lesson li.sub{font-size:0.8em;}
/* aboutus ------------------------------------------*/
.eria-c-aboutus{text-align:left;}
.img-aboutus{padding:0; margin:18px auto; text-align:center;}
.img-aboutus img{float:none; margin:auto; max-width: 80%;}
.img-aboutus p{margin: 0; padding: 8px;}
/* -------------------------------------------------*/
/* img-lesson --------------------------------------*/
.img-lesson img{max-width: 30%;
border-radius:12px;
box-shadow: 1px 1px 4px #888888;
border:solid 1px #ffffff;}
.img-lesson h6{font-size: 1.18em; margin:4px auto 0; letter-spacing:0px;}
.img-lesson h6 span{ display:none;}
/* img-left_shadow ---------------------------------*/
.img-left_shadow img{float:none; margin:auto;}
.img-left_shadow p{text-align: center;}
/* img-right_shadow --------------------------------*/
.img-right_shadow img{float:none; margin:auto;}
.img-right_shadow p{text-align: center;}
/* img-right --------------------------------------------*/
.img-right img{float:none; margin:auto;}
.img-right p{margin: auto; padding-top:18px;}
/* img-left --------------------------------------------*/
.img-left img{float:none; margin:auto;}


/* ovlight-img4 2カラム----------------------------------------*/
.ovlight-img4 li{float: left; width:50%; padding:0.5%;}
.ovlight-img4 img{max-width: 100%; height: auto;}


/**--table_design001 ---------------------------------------------**/
.table_design001{display: block; width: 98%;}
.table_design001 thead{display: none;}
.table_design001 tbody{display: block;}
.table_design001 tbody tr{display: block;}

.table_design001 tbody td,
.table_design001 tbody th{display:list-item; border: none;}

.table_design001 tbody td{margin: 4px; padding:8px; text-align: left;
list-style-type: none;}

.table_design001 tbody th{margin: 4px; padding:8px; text-align: left;
list-style-type: none;
background: #e4e4e4;}



/**-- Form ---------------------------------------------**/
div#mf-container {padding: 0px;}
div#mf-container input,select,textarea{font-size:16px;}
	form#mailformpro dl dt {
		float: none;
		width: auto;
	/*	font-size: 12px;*/
		margin: 8px 0 0;
		padding: 5px;
		text-align: left;
	}
	form#mailformpro dl dd {
		clear: both;
		border-top: none;
		margin: 0 0 18px;
		padding: 5px 15px;
	/*	font-size: 12px; */
		line-height: 1.5em;
	}
	div.mfp_buttons button {
		font-size: 1.48em;
	}
	div#mfp_phase_confirm h4 {
		font-size: 18px;
	}
	ul#mfp_phase_stat {
		padding: 0px;
		text-align: left;
	}
	ul#mfp_phase_stat li {
		text-align: center;
		padding: 5px 0px;
		border-radius: 3px;
		margin: 5px;
		list-style: none;
		font-size: 14px;
		width: 28%;
	}
	ul#mfp_phase_stat li.mfp_phase_arrow {
		box-shadow: none;
		display: none;
	}
	ul#mfp_phase_stat li.mfp_active_phase {
	}
	ul#mfp_phase_stat li.mfp_inactive_phase {
	}
	table#mfp_confirm_table tr th {
		white-space: nowrap;
		width: 100px;
	}
	div#mfp_thanks {
		text-align: center;
		font-size: 18px;
		padding: 20px 0px;
	}
	div#mfp_thanks strong {
		color: #C00;
		font-size: 24px;
		display: block;
	}


	div#wrapper {
		border-radius: 0px;
		padding: 0px;
		margin: 0px;
		width: 100%;
		box-shadow: none;
		border: none;
	}
	div#wrapper div#header {
		border-radius: 0px;
		padding: 10px;
	}
	div#wrapper div#header h1 {
		font-size: 24px;
	}
	form#mailformpro dl dt {
		float: none;
		width: auto;
		font-size: 12px;
		padding: 5px;
		text-align: left;
	}
	form#mailformpro dl dd {
		clear: both;
		border-top: none;
		padding: 5px 15px;
		font-size: 12px;
		line-height: 1.5em;
	}
	div.mfp_buttons button {
		font-size: 1.48em;
	}
	table#mfp_confirm_table tr th {
		white-space: nowrap;
		width: 100px;
	}
	div#mfp_thanks {
		text-align: center;
		font-size: 18px;
		padding: 20px 0px;
	}
	div#mfp_thanks strong {
		color: #C00;
		font-size: 24px;
		display: block;
	}
/**-- Form END------------------------------------------**/









}