/* 主に説明Lで使用 */ /* 縦に積むtable レスポンシブ */ table { margin: 20px auto; } .tbl-r02 th { background: #e9727e; border: solid 1px #ccc; color: #fff; padding: 10px; } .tbl-r02 td {  border: solid 1px #ccc; padding: 10px; } @media screen and (max-width: 640px) { .last td:last-child { border-bottom: solid 1px #ccc; width: 100%; } .tbl-r02 { width: 80%; } .tbl-r02 th, .tbl-r02 td {   border-bottom: none; display: block; width: 100%; } } /* タブ2 */ .tab2_para { margin:10px 0 25px 0; } .tab2_para:last-child { margin:10px 0 0 0; } .tab2_para p { font-size:14px; line-height:23px; } .tab2_para span { color:#00bb77; font-size:16px; font-weight:bold; padding-left:2px; padding-right:2px; } .tab2_osusumeImg { margin-top:10px; margin-left:14px; } /* タブ3 */ .tab3_table { width:732px; margin-left:18px; border-collapse: collapse; } .tab3_table th { font-size:15px; line-height:18px; padding:6px 4px; background-color:#888; border:1px solid #666; color:#fff; text-align:center; } .tab3_table th span { font-size:12px; font-weight:normal; padding-left:3px; white-space:nowrap; } .tab3_table td { text-align:right; font-size:15px; line-height:18px; padding:6px 4px; border:1px solid #aa8; } .tab3note { color:#00bb77; font-size:14px !important; line-height:19px; margin:4px 0 4px 0; } .tab3_table img { margin:10px 0 5px 0; } .tab3_table tr:nth-child(3) td, .tab3_table tr:nth-child(5) td, .tab3_table tr:nth-child(6) td, .tab3_table tr:nth-child(8) td, .tab3_table tr:nth-child(10) td, .tab3_table tr:nth-child(13) td, .tab3_table tr:nth-child(15) td, .tab3_table tr:nth-child(17) td { background-color:#fafaff; } .tab3_table tr td:nth-child(1), .tab3_table tr td:nth-child(2), .tab3_table tr td:nth-child(3) { text-align:center; }