@charset "utf-8";

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

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

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

.inner_sub {width: 98%;
margin: 0 auto 0;
padding: 0 0 18px;}

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

/*==========================================
 topCSS
===========================================*/
/* codropsheader ---------------------------------------*/
.codropsheader {margin: 0 auto; padding: 188px 0;
text-align: center;
background-image: url(../images/bkg/codropsheader_mo_bg.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:right top;
/*background-attachment:fixed;\*/}
.codropsheader h1 {color: #ffffff;}
.codropsheader img {max-width: 80%; height: auto; filter: drop-shadow(2px 2px 5px rgb(244, 244, 244));}

/* related_stage-header ---------------------------------*/
.related_stage-header {margin:0 auto; padding: 28px 0;}
/* related_stage-supplemrnt -----------------------------*/
.related_stage-supplemrnt {margin:0 auto; padding: 28px 0;}
/* related_stage000 -----------------------------------*/
.related_stage000 .eria-left {float: none; width: 100%; margin:0 auto; padding:28px 0;}
.related_stage000 .eria-right {float: none; width: 100%; margin:0 auto; padding:0; text-align:center;}
.related_stage000 img {max-width: 80%; height: auto;}
/* related_stage001 ---------------------------------------*/
.related_stage001 .eria-left {float: none; width: 100%; margin:0 auto; padding:28px 0;}
.related_stage001 .eria-right {float: none; width: 100%; margin:0 auto; padding:0 0 28px; text-align:center;}
.related_stage001 img {max-width: 80%; height: auto;}
/* related_stage-link ---------------------------------*/
.related_stage-link .eria-left {float: none; width: 100%; margin:0 auto; padding:28px 0;}
.related_stage-link .eria-right {float: none; width: 100%; margin:0 auto; padding:0 0 28px;}
/* related_stage-info -----------------------------------*/
.related_stage-info .eria-left {float: none; width: 100%; margin:0 auto; padding:38px 0;}
.related_stage-info .eria-right {float: none; width: 100%;  margin:0 auto; padding:0 0 38px;}

/*==========================================
 footer
===========================================*/
#footer {padding:0 0 70px; }
.footer_nav {overflow: hidden; width: 100%; float: none;}
.footer_nav ul{margin: 0; padding: 0; list-style: none}
.footer_nav li {float: left; margin:0 auto; padding: 8px 0; width: 100%; border-bottom: 1px solid #ffffff;}
.footer_nav li a {display: block; padding: 8px 0;}
.footer_nav li a:hover{background-color: #42210b; color: #ffffff;}
#footer hr {display: none;}
.company {overflow: hidden; width: 100%; float: none;}
.company ul{margin: 0; padding: 0; list-style: none}
.company li {float: left; width: 50%; margin:0 auto; padding: 8px 0; background: none;}
.company li a {display: block; padding: 8px 0; border-bottom: 1px solid #ffffff;}
.company li a:hover{background-color: #42210b; color: #ffffff;}
.company li:nth-child(odd) a {border-right: 1px solid #ffffff;}
address {
overflow: hidden;
font-size: 0.8em;
float: none;
text-align: center;
margin-top: 10px;
}


/*==========================================
 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 ---------------------------------------*/
.content-header img {max-width: 80%; height: auto;}
/* related_stage-content --------------------------------*/
.related_stage-content .eria-left {float: none; width: 100%; margin:0 auto; padding:0 0 18px;}
.related_stage-content .eria-right {float: none; width: 100%; margin:0 auto; padding:0 0 38px;}
/* related_stage-info-content ---------------------------*/
.related_stage-info-content .eria-left {float:left; width: 48%; margin:0 auto; padding:38px 0.5% 0;}
.related_stage-info-content .eria-right {float:right; width: 48%;  margin:0 auto; padding:38px 0.5% 0;}

/*=========================================
 Style_design css
===========================================*/
p.pc_tbios{display: none; padding:0; margin:0;}

/* img-information --------------------------------------------*/
.img-information img{width: 50%}

/* img-yoga_menu --------------------------------------------*/
.img-yoga_menu{padding:0 0 0 4px; border-radius:4px;}
.img-yoga_menu img{float: right; margin-left:8px; margin-bottom: 8px; width: 30%; 
border-top-right-radius : 4px;
border-bottom-right-radius : 0px;}
.img-yoga_menu h3 {letter-spacing:1px; margin:4px 0 0;}
.img-yoga_menu table{width: 100%;}

/* --- map google -----------------------------------------------*/
#map {height: 380px;}


/**-- 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------------------------------------------**/










}