/*====================================
■アルミ複合板加工サービス専用CSS

○記述ルール
・モバイルファーストで記述
・@media 規則で 1ファイル内にパーツ単位で書く
・ブレークポイントは「〜639px＝SP」「640px〜＝PC」
・ブレークポイント間はリキッドデザインを意識する
====================================*/

body{
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", "MS PGothic", "Osaka", Arial, sans-serif;
	font-size:1.2em;
}

#priceList{
	font-size:3vw;
}

/*テーブルの価格表部分*/

.tableList {
    margin: 10px 0;
    width: 100%;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
@media screen and (max-width: 639px) {
    .tableList{
        width: 600px;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        }
}

.tableList th {
    padding: 5px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    background-color: #ddd;
    text-align: center;
    font-weight: bold;
    font-size: 0.625em;
    word-break: break-all;
}
.tableList td {
    padding: 5px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    text-align: center;
    font-size: 0.625em;
    word-break: break-all;
}

.tableAtt {
    font-size: 0.5em;
	line-height:1.4em;
}
  @media screen and (max-width: 639px) {
    .tableAtt {
	line-height:2.4em;
    }
}