.menu li a {font-size: 150%;}
.main .section p {font-size: 100%;text-align: justify;}
.siteMap ul li {width: 100%;}
.tableStyle.table_1 dl dt, .tableStyle.table_1 dl dd{text-align: left;}
.tableStyle.table_1 dl dt:nth-child(1), .tableStyle.table_1 dl dd:nth-child(1) {width: 30%;}
.tableStyle.table_1 dl dt:nth-child(2), .tableStyle.table_1 dl dd:nth-child(2) {width: 40%;}
.tableStyle.table_1 dl dt:nth-child(3), .tableStyle.table_1 dl dd:nth-child(3) {width: 15%;}
.tableStyle.table_1 dl dt:nth-child(4), .tableStyle.table_1 dl dd:nth-child(4) {width: 15%;}
@media screen and (max-width: 1024px) {
	.menu li a { padding: 0 15px; }
}
@media screen and (max-width: 768px) {
	.main .section .hd h1 {font-size: 190%;}
	.tableStyle.table_1 dd:nth-child(1):before {content: "Title";}
    .tableStyle.table_1 dd:nth-child(2):before {content: "Artist";}
    .tableStyle.table_1 dd:nth-child(3):before {content: "Period";}
    .tableStyle.table_1 dd:nth-child(4):before {content: "Note";}

    .tableStyle.table_1 dl dt:nth-child(1), .tableStyle.table_1 dl dd:nth-child(1) {width: 100%;text-align: left;}
    .tableStyle.table_1 dl dt:nth-child(2), .tableStyle.table_1 dl dd:nth-child(2) {width: 100%;text-align: left;}
    .tableStyle.table_1 dl dt:nth-child(3), .tableStyle.table_1 dl dd:nth-child(3) {width: 100%; text-align: left;}
    .tableStyle.table_1 dl dt:nth-child(4), .tableStyle.table_1 dl dd:nth-child(4) {width: 100%;text-align: left;}

}
@media screen and (max-width: 480px) {
	.main .section .hd h1 {font-size: 160% !important;}
}