@charset "utf-8";

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

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

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

/*  netprint-indexmenu  ------------------------------------------------*/
#netprint-indexmenu section h1 {display:none;}

/*  contents sidemenu ------------------------------------------------*/
#contents .col-left {float: none;
padding:0.55%;
width: 100%;}

#contents .col-right {float: none;
width: 100%;}

/*==========================================
 Contents_eria
===========================================*/
#contents_eria {width: 100%; margin: 0 auto; padding: 28px 0 28px; background-color:#d7f5f3;}
#contents_eria p {margin: 0 0 4px 0; padding: 3px;}
#contents_eria section#left {width: 100%; float:none;}
#contents_eria section#right {width: 100%; float:none;}
#contents_eria section ul li {width: 100%;
margin:4px 0px 4px 0px;}


/*==========================================
 Contents_eria-gr
===========================================*/
#contents_eria-gr {width: 100%; margin: 0 auto; padding: 48px 0 48px; background-color:#dbf3f3; border-top: solid 1px #82d7d0;}
#contents_eria-gr p {margin: 0 0 4px 0; padding: 3px;}
#contents_eria-gr section#left-gr {width: 100%; float:none;}
#contents_eria-gr section#right-gr {width: 100%; float:none;}
#contents_eria-gr section ul li {width: 100%;
margin:4px 0px 4px 0px;}

/*==========================================
 Footer
===========================================*/
footer .inner nav {margin: 8px 8px 8px;}
footer .inner nav ul{margin:0; padding:0; list-style: none;}
footer .inner nav ul li {margin:0; padding: 0;}
footer .inner nav ul li a{display: block;
margin:4px;
padding: 8px 18px;
color: #ffffff;
border:1px solid #ffffff;
text-decoration: none;}
footer .inner nav ul li a:hover,
footer .inner nav ul li a:active {background-color:#fcfff4; color:#333333; text-decoration: none;}

/* img-left -----------------------------------------------------*/
.img-left img{float: none;}
/* img-left_shadow -----------------------------------------------------*/
.img-left_shadow img{float: none;}

/* btn001 ===========================================*/
a.btn001{text-align: left; font-size: 1.18em;}


}
