/*===============================================
●smart.css  画面の横幅が769pxまで
===============================================*/
@media screen and (max-width:769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

#outlines-box{}

.outline-box{}

.img_width--001{max-width: 95%;margin: 5px 2.5%;}

/*　border　*/
.border--001{border: 1px solid #000;}
#outlines-box .border--001_1 td{border: 0px solid #000!important;}

/*　border_bottom　*/
.border_b--001{border-bottom: 1px solid #000;}
.border_b--002{border-bottom: 1px dotted #000;}

/*　padding　注)widthと併用はしない　*/
.padding--000{padding: 0!important; width: 100%;}
.padding--001{padding: 15px 1.5%; width: 97%;}
.padding--002{padding: 20px 10%; width: 80%;}

/*marginは、widthと併用はしない*/
#outlines-box .margin-001{margin: 15px 1.5%; width: 97%;}
#outlines-box .margin-002{margin: 20px 10%; width: 80%;}

/*　width　注)paddingと併用はしない　*/
.width--008_2,
.width--008_1,
.width--007_2,
.width--007_1,
.width--006_2,
.width--006_1,
.width--005,
.width--004,
.width--003,
.width--002,
.width--001{width: 95%; margin: 5px 2.5%; float: left; padding: 0;}

.width--009,
.width--013{width: 45%; margin: 5px 2.5%; float: left; padding: 0;}

.width--010{width: 45%; margin: 5px 2.5%; float: left; padding: 0;}

.width--011{width: 95%!important; margin: 5px 2.5%; float: left; padding: 0;}

.width--012{width: 90%!important; margin: 5px 5%; float: left; padding: 0;}


/*　cover　*/
.cover--001 img{object-fit: cover; height: 200px; width: 100%;}
.cover--002 img{object-fit: cover; height: 150px; width: 100%;}
.cover--003 img{object-fit: cover; height: 250px; width: 100%;}
.cover--004 img{object-fit: cover; height: 300px; width: 100%;}
.cover--005 img{object-fit: cover; height: 100px; width: 100%;}

/*　contain　*/
.contain--001 img{object-fit: contain; height: 200px; width: 100%;}
.contain--002 img{object-fit: contain; height: 150px; width: 100%;}
.contain--003 img{object-fit: contain; height: 250px; width: 100%;}
.contain--004 img{object-fit: contain; height: 300px; width: 100%;}

/*　table_layout */
.table_layout--001{overflow-x: auto; -webkit-overflow-scrolling: touch;}

/*　table_parts　*/
.table_parts-display_block--001 th,
.table_parts-display_block--001 td{display: block; float: left; width: 100%!important; word-wrap: break-word;}

.table_parts-display_block--001_1{display: block; float: left; width: 100%; word-wrap: break-word;}

.table_parts-display_block--002 td{display: block; float: left; width: 44%; padding: 5px 2.5%!important; word-wrap: break-word;}
.table_parts-display_block--002 img{margin: 5px 2.5%;}

.table_parts-display_block--003 td{display: block; float: left; width: 26%; padding: 5px 2.5%! mportant; word-wrap: break-word;}
.table_parts-display_block--003 img{margin: 5px 2.5%;}

.table_parts-display_block--004 td{display: block; float: left; width: 28%; padding: 5px 2.5%!important; word-wrap: break-word;}
.table_parts-display_block--004 img{margin: 5px 2.5%;}


.height_space--001{height: 10px;}
.height_space--002{height: 15px;}
.height_space--003{height: 20px;}
.height_space--004{height: 25px;}


}