
/* ----------------------------------------------------------------------
	
	被災地支援の取組み
	
---------------------------------------------------------------------- */


/* --------------------------------------------------
	支援の表
--------------------------------------------------*/


table.basic.shien_list caption.simple > .inner > div.opt {
    font-size: 1.4rem;
}

table.basic.shien_list tbody > tr > th span.date {
    font-size: 1.2rem;
    margin-left: 0.5em;
}

table.basic.shien_list tbody > tr > th.year {
    width: 100px;
    font-weight: bold;
}

table.basic.shien_list.date_narrow tbody > tr > th.date {
    width: 140px;
    text-align: left;
}


table.basic.shien_list tbody > tr > td.date {
    text-align: left;
    width: 150px;
}

table.basic.shien_list tbody > tr > td.item {
    text-align: left;
}

table.basic.shien_list tbody > tr > td.money {
    text-align: right;
}




table.basic.shien_list tbody > tr > td span.unit {
    font-size: 1.1rem;
    margin-left: 0.2em;
}

table.basic.shien_list tbody > tr > td.money {
    width: 240px;
    font-size: 1.4rem;
    background-color: #f5f5f5;
}


.shien_unit .total {
    font-size: 2rem;
    background-color: #eee;
    background-color: #E3F2FD;
    /*background-color: #F9FBE7;
    background-color: #FFF8E1;*/
    padding: 10px 15px;
}

.shien_unit .total.all {
    background-color: #F0F4C3;
    padding: 10px 15px;
    font-size: 2.4rem;
}

.shien_unit .total > p { text-align: right; }
.shien_unit .total.all > p { text-align: left; }

.shien_unit .total > p span.unit {
    font-size: 1.2rem;
    margin-left: 0.2em;
}







#inquiry p { font-size: 1.5rem; }
#inquiry p.tel > span { font-size: 1.2rem; }

/*.panel > h3.sub_header { font-size: 1.5rem; }*/

.btn-def.txt-left { text-align: left; }


/*
.date_block > p {
    text-align: right;
}
*/



.img_line_list > .item .wrap .cap.opt {
    padding: 5px;
}



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

	959px以下

------------------------------------------------------------ */
@media screen and ( max-width : 959px ) {
    
    table.basic.shien_list tbody > tr > td.money {
        width: 160px;
    }
    
}


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

	767px以下

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

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

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
    
    table.basic.shien_list tbody > tr > td.money {
        width: 130px;
        font-size: 1.3rem;
    }
    
    table.basic.shien_list tbody > tr > th.year {
        width: 70px;
        padding: 5px;
    }
    
    table.basic.shien_list.date_narrow tbody > tr > td.date {
        width: 80px;
    }
    
    
    table.basic.shien_list.date_narrow tbody > tr > th.date {
        width: 80px;
    }
    
    table.basic.shien_list.date_narrow tbody > tr > th.date .sp {
        display: none;
    }
    
    .shien_unit .total { font-size: 1.6rem; }
    .shien_unit .total.all { font-size: 2rem; }
}

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

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
    
    table.basic.shien_list tbody > tr > th,
    table.basic.shien_list tbody > tr > td {
        font-size: 1.2rem;
        padding: 5px;
        line-height: 1.4;
    }
    
    table.basic.shien_list tbody > tr > th.year {
        width: 60px;
        padding: 5px;
        font-size: 1.1rem;
    }
    
    table.basic.shien_list tbody > tr > th span {
        display: block;
        font-size: 1.1rem;
    }
    
    table.basic.shien_list tbody > tr > td.date {
        width: 116px;
        font-size: 1.2rem;
    }
    
    table.basic.shien_list tbody > tr > td.money {
        font-size: 1.2rem;
    }
    
}


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

	359px以下

------------------------------------------------------------ */
@media screen and ( max-width : 359px ) {
    .shien_unit .total { font-size: 1.4rem; }
    .shien_unit .total.all { font-size: 1.6rem; }
}