@media (max-width: 640px) {
body {
	background-repeat: repeat-x;
	background-image: url(none);
}
h1 {
 font-size:7px;
 position:absolute;
 top:2px;
 color:#CCC;
}
.flexslider .slides img {
	max-width: 100%;
}
.flexslider .slides img {
	width: 100%;
	display: block;
	margin:auto;
}
#header {
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 padding-right: 0px;
 padding-left: 0px;
 background-color: #FEFEFE;
}
#header .logo a {
  display:block;
	background-image: url(../image/logo_s.png);
	background-repeat: no-repeat;
    width: 245px;
    height: 65px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.c_menu{
display:flex;
width:100%;
margin-top:15px;
border-bottom:solid 5px #fff;
    justify-content: flex-end;
}
#header .box {
display:block;
}
#header .logo {
 float:none;
 position:absolute;
 display: block;
 z-index:10000000;
 margin-top: 0px;
 padding-left:5px;
 width: 245px;
}
#header .logo img {
 width: 100%;
}
#header ul.sub {
display:none;
}
#breadcrumb {
 display:none;
}
 #top_slider_contens .box {
 margin-right: auto;
 margin-left: auto;
 width: 100%;
}
#wrapper {
 width: 98%;
 margin-right: auto;
 margin-left: auto;
 margin-top: 40px;
 clear: both;
 padding-right: 0px;
 padding-left: 0px;
 overflow: hidden;
}
#wrapper h4 {
 margin-left: 5px;
}
#wrapper img {
 max-width: 100%;
 height: auto;
 display:block;
}
.ac {
 border-radius: 0px;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 padding: 0px;
 border: 0px solid #eee;
 box-shadow: none;
}
.cf img {
 margin: 0 auto;
 margin-bottom: 10px;
}
.m_r20 {
 margin-right: 0px;
}
.m_l20 {
 margin-left: 0px;
}
.right {
 float: none;
}
.left {
 float: none;
}
#page_contens {
 clear: both;
}
#wrapper .catch_list .vac {
 margin-left: 10px;
 padding-left: 50px;
}
#wrapper .catch_list .test_metal_mold {
 margin-left: 10px;
 padding-left: 50px;
}
#wrapper .catch_list .painting {
 margin-left: 10px;
 padding-left: 50px;
}
#wrapper .catch_list ul li {
 position: relative;
 font-size: 120%;
 color: #000;
 left: 1em;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #006600;
 margin-top: 3px;
 padding-right: 10px;
}
#wrapper .catch_list ul li::after {
 display: block;
 content: '';
 position: absolute;
 top: .4em;
 left: -1em;
 width: 8px;
 height: 8px;
 background-color: #fff;
 border: 2px solid #3498db;
 border-radius: 100%;
}
 #wrapper .catch_list h5 {
 font-size: 130%;
 margin-bottom: 0.5em;
 color: #000;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #999999;
}
 #page_contens .title {
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 padding-right: 0px;
 padding-left: 0px;
 padding-top: 50px;
}


#wrapper .catch_list .test_metal_mold h5 {
 color: #000;
}
 #wrapper .catch_list .vac {
 margin-left: 10px;
 padding-left: 50px;
}
#wrapper .catch_list .painting {
 margin-left: 10px;
 padding-left: 50px;
}
#wrapper .catch_list .test_metal_mold {
 font-size: 100%;
 margin-left: 10px;
 padding-left: 20px;
}
 #wrapper .news {
 border: 5px solid #D7D9D9;
 background-image: url(none);
 padding-left: 10px;
 background-repeat: no-repeat;
 background-position: left 260;
 padding-top: 10px;
 padding-bottom: 20px;
}
 #wrapper .info li {
 float: none;
 margin-top: 5px;
 margin-bottom: 5px;
}
.info img {
 width: 100%;
}
 #wrapper .info li:first-child {
 margin-right: 0px;
}
#wrapper .info li:last-child {
 margin-left: 0px;
}
#wrapper .chart table {
    border: 0px;
}
 #wrapper .chart th {
 white-space: normal;
 padding: 0px;
}
#wrapper .chart td {
padding: 0px;
}

.q_table th,td{
  border: 1px solid #ccc;
}
.q_table  table{
  height:100%;
  width: 150%;
}
.q_table th {


  background-color: #333;
  color: #fff;
}
.q_table {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}





#wrapper .top_contents h2 {
    text-align: center;
    font-size: 160%;
    margin-top: 2em;
    margin-bottom: 2.5em;
    background-image: url(none);
    display: block;
    text-indent: 0px;
}






.chart_table {margin:10px;}

.chart_table td:first-child::before {
	content: "樹脂区分：";
}
.chart_table td:nth-child(2)::before {
	content: "メーカー名：";
}
.chart_table td:nth-child(3)::before {
	content: "区分：";
}
.chart_table td:nth-child(4)::before {
	content: "材料名：";
	display:block;
}
.chart_table td:nth-child(5)::before {
	content: "基本色：";
}
.chart_table td:nth-child(6)::before {
	content: "着色：";
}
.chart_table td:nth-child(7)::before {
	content: "特徴：";
}
.chart_table th {
display:none;
}
.chart_table td {
	width: 100%;
	display: block;
	border: 0px;
}
.chart_table td::before {
	display: inline-block;
	font-weight: bold;
	padding-right: 0.5em;
}
.chart_table th,td {
	padding:0px;
}
.chart_table tr {
	display: block;
	margin-bottom: 1em;
	border: 1px solid #999;
	border-radius: 5px;
	box-shadow: 0px 1px 2px rgba(25, 25, 25, 0.2);
	padding:10px;

}
.chart_table tr:first-child {
	display: none;
}




#program{
	margin-left:0em;
}


#wrapper h2 {
	background-image: url(none);
	height: 50px;
	color: #4E5355;
	font-size: 150%;
	font-weight: bold;
	vertical-align: middle;
	display: table;
	width: 100%;
	padding-top: 15px;
	background-repeat: repeat-x;
	text-indent: 10px;
	clear: both;
	margin-bottom: 1em;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	text-align: center;
}
#wrapper h2:before,#wrapper h2:after {
    content:"";
    display:inline-block;
    width:40px;
    height:4px;
    margin:0 10px;
    background-color: #FFBDBD;
    vertical-align: middle;
    
}
#wrapper .top_contents h2 {
    text-align:center;
    font-size:150%;
    margin-top:2em;
    margin-bottom:0.5em;
    background-image: url(none);
    display:block;
    text-indent:0px;
}
#wrapper .top_contents h2:before,#wrapper .top_contents h2:after {
    content:"";
    display:inline-block;
    width:40px;
    height:4px;
    margin:0 10px;
    background-color: #FFBDBD;
    vertical-align: middle;
    
}
#wrapper .chart {
    padding-left: 0em;
}
#footer .footer_menu {
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 margin-top: 8px;
 clear: both;
 padding-right: 0px;
 padding-left: 0px;
}
#footer .footer_menu .text_menu li {
 font-size: 18px;
}
#footer .footer_menu .box_img {
 float: none;
 padding-right: 0px;
 padding-left: 0px;
}

#footer .footer_menu .box {
 width: 90%;
 float: none;
 margin-left:10px;
}


.contact_f td,.contact_f th {
	display: block;
	 width: 100%;
}
.catch_list a {
    color: #0066CC;
    text-decoration: none;
}
br.pc_no{
display:inline;
}

}