/* ----------------------------------------------------------------------
	
	含水率に関する基礎知識
	
---------------------------------------------------------------------- */


/* - レイアウト
---------------------------------------------------------------------- */
#moist { margin-top: 30px; }
#moist .unit + .unit { margin-top: 50px; }

table.basic.moist_list caption.simple > .inner > div.main span.opt { font-size: 1.1rem; }

table.basic.moist_list thead > tr > th.rc { width: 140px; }
table.basic.moist_list tbody > tr > td { font-size: 1.6rem; font-weight: bold; }
table.basic.moist_list tbody > tr > td span { font-size: 1rem; font-weight: normal; }
table.basic.moist_list tbody > tr > td span.kara { margin: 0 0.2em; }
table.basic.moist_list tbody > tr > td span.cap { margin-left: 0.2em; }

/* --- 含水率の公表方法 --- */
#moist_method .grid { display: table; width: 100%; }
#moist_method .grid > .cell { display: table-cell; vertical-align: top; }
#moist_method .grid > .cell.img { width: 330px; }
#moist_method .grid > .cell.txt {  }
#moist_method .grid > .cell.txt ul.data_line_list.wide > li .data_list_unit > div.head { text-align: left; }

#moist_method .grid > .cell.txt ul.note_list.mark > li > div.cap img {
    max-width: 20px;
    vertical-align: top;
    position: relative;
    top: -1px;
}

#moist .img_line_list > .item {
    padding: 5px 20px;
}



/* ------------------------------------------------------------

	959px以下

------------------------------------------------------------ */
@media screen and ( max-width : 959px ) {
    
}

/* ------------------------------------------------------------

	767px以下

------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
    
    .anchor_block div.link_list.multi.div2 > div { width: 50%; }
    
    /* --- 含水率の公表方法 --- */
    #moist_method .grid { display: block; }
    #moist_method .grid > .cell { display: block; }
    #moist_method .grid > .cell.img {width: auto; text-align: center; }
    
}

/* ------------------------------------------------------------

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
	
    table.basic.moist_list thead > tr > th.rc { width: 90px; }
    table.basic.moist_list tbody > tr > td { padding: 5px; }
    
    #moist_relate .img_line_list.col2 > .item { width: 100%; }
    #moist_method .img_line_list.col2 > .item { width: 100%; }

    #moist .img_line_list > .item {
        padding: 5px;
    }
    
}

/* ------------------------------------------------------------

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
    
    .anchor_block div.link_list.multi.div2 > div { width: 100%; }
    
    table.basic.moist_list caption.simple > .inner > div.main span.opt { font-size: 1rem; }
    
    table.basic.moist_list thead > tr > th.rc { width: 90px; }
    table.basic.moist_list tbody > tr > th { font-size: 1.2rem; }
    
    table.basic.moist_list tbody > tr > td { font-size: 1.4rem; line-height: 1.3; }
    table.basic.moist_list tbody > tr > td span { display: block; }
    table.basic.moist_list tbody > tr > td span.kara { line-height: 1.1; }
    
}

/* ------------------------------------------------------------

	374px以下

------------------------------------------------------------ */
@media screen and ( max-width : 374px ) {
    
}

/* ------------------------------------------------------------

	359px以下

------------------------------------------------------------ */
@media screen and ( max-width : 359px ) {
    
}