@charset "utf-8";

@media screen and (min-width:769px) and (max-width:1024px) {
html {font-size: 1em;}

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

.inner:after{content: "";
display: block;
clear: both}
/* contentCSS 共通===========================================*/
.site-header h1 {margin: 0 auto 0; padding: 0; color: #ffffff; font-size: 1.5em; }
.site-header h1 span{display: block; margin: 0 auto 0; padding: 0 0 0 8px; color: #ffffff; font-size: 0.48em;}

/*==========================================
 topCSS
===========================================*/
/* codropsheader -----------------------------------------*/
.codropsheader {background-image: url(../images/bkg/codropsheader_tbios_bg.jpg);
/*background-size: contain;*/
background-size:cover;
background-repeat: no-repeat;
background-position:top left;
/*background-attachment:fixed;*/}


/* related_stageheader ------------------------------------*/
.related_stageheader {}

/* related_stage000 ---------------------------------------*/
.related_stage000 .eria-left-07 {float: left; width: 69%; margin:0 auto; padding:0 0.25%;}
.related_stage000 .eria-right-03 {float: right; width: 29%; margin:18px auto 0; padding:0 0.25%;}
.related_stage000 .eria-left {float: left; width: 48%; margin:0 auto; padding:0.25%;}
.related_stage000 .eria-right {float: right; width: 48%; margin:0 auto; padding:0.25%;}
/* related_stage001 ---------------------------------------*/
.related_stage001 .eria-left {float: left; width: 48%; margin:0 auto 1%; padding:0.25%;}
.related_stage001 .eria-right {float: right; width: 48%; margin:0 auto 1%; padding:0.25%;}
/* related_stage002 ---------------------------------------*/
.related_stage002 .eria-left-top {float: left; width: 59%; margin:0 auto; padding:0 0.25%;}
.related_stage002 .eria-right-top {float: right; width: 39%; margin:0 auto 0; padding:0 0.25%;}
.related_stage002 .eria-left {float: left; width: 48%; margin:0 auto; padding:0.25%;}
.related_stage002 .eria-right {float: right; width: 48%; margin:18px auto 0; padding:0.25%;}

/*==========================================
 contentCSS
===========================================*/
/* related_stage-content -------------------------*/
.related_stage-content .eria-left {float: left; width: 48%; margin:0 auto; padding:18px 0.5%;}
.related_stage-content .eria-right {float: right; width: 48%; margin:0 auto; padding:18px 0.5%;}
.related_stage-content .eria-left_border {float: left; width: 48%; margin:8px auto;}
.related_stage-content .eria-right_border {float: right; width: 48%; margin:8px auto;}
/* related_stage-content-3column ---------------------------------------*/
.related_stage-content-3column .eria-col {float: left; width: 30%; margin:1%; padding:0.5%; box-shadow: 1px 1px 8px #888888; border:solid 1px #cccccc;}

/*==========================================
 footer
===========================================*/
#footer {background-image: url("../images/bkg/footer_tbios_tb_mo_bg.jpg");
/*background-size: contain;*/
background-size:cover; background-repeat: no-repeat; background-position:center bottom;
padding:0;}
#footer hr {
overflow: hidden;
width: 100%;
border-top: 1px solid #ffffff;
margin: 20px 0;}

/*==========================================
 footer_fixedarea 固定フッターPCc Tbios none
===========================================*/
#footer_fixedarea {display: none;}


/*=========================================
 Style_design css
===========================================*/
.none-tb_mo{display: none; padding:0; margin:0;}





}