@charset "utf-8";
/* CSS Document */
/* ==========================
main
============================= */
/* ==========================
menu-list
============================= */
/* ==========================
pr_title
============================= */
p.pr_title {
    text-align: center;
    padding: 70px 0;
    font-size: 200%;
    color: #65a534;
}
/* ==========================
table
============================= */
.matelial_sheet {
    width: auto;
    margin: 0 auto 80px ;
}
tr, td {
    page-break-inside: avoid;
}
td.print-friendly {
	page-break-inside: avoid;
}
.matelial_sheet table {
    width: 1000px;
    text-align:center;
    line-height:1.5em;
    margin: auto;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    border-left: 1px solid #cccccc;
    border-collapse: separate;
    border-collapse: collapse;
    border-spacing: 0;
}
.matelial_sheet thead {
    vertical-align: middle;
    text-align: center;
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
.matelial_sheet tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.mt_name{
    text-align: right;
}
.text-bold{
    font-weight:bold;
}
.matelial_sheet th {
    height: 100px;
    text-align:center;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    padding: 10px 3px 10px 3px ;
background: #fff;
}
.matelial_sheet td{
    padding: 10px 3px 10px 3px ;
	  position: relative;
background: #fff;
}
td p.caution {
    width: 300px;
    background: rgba(255,255,255,.75);
    border: 2px solid #f00;
    z-index: 1;
    color: #f00;
    padding: 20px;
    position: absolute;
    top: calc(50% - 30px);
    left: 15px;
    margin: 0;
  font-weight: bold;
}
.wrapper {
    margin: 30px;
}
.tape td{
    background:#E2EED9;
}
.label td{
    background:#e3f0f6;
    height: 70px;
}
.film td{
    background:#fcead7;
    height: 70px;
}
.reso_cube {
    font-size: 10px;
    vertical-align: super;
}
.img_btn {
	margin-top:10px;
	}	
td p {
    margin-bottom: 10px;
}
td.link_box {
    width: 16%;
}
@media screen and ( max-width: 1000px ){
.responsive-table {
    overflow-x: auto;
}
.link_box {
    width: 100px;
}
.link_box {
  position: sticky;
  left: 0;
}
  .link_box:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    border: 1px solid #ccc;
  }
td.link_box {
    width: auto;
}
}

@media screen and ( max-width: 767px ){
}
@media print{
body {
    zoom: 100%;
    width: 1100px;
    margin: auto;
}
}
@page {
    size: A4;
	margin: 12.7mm 9.7mm;
}