body {
    font-family: "Arial", "メイリオ";
    }

.select-area{
    position:absolute;
    top : 10px;
    width: 100%;
    height: 300px;
    text-align: center;
    background-color:sandybrown;
}
.choose-small-blands{
    width:75%;
    height: 20px;
    margin:5px auto;
    text-align: center;
    background-color: blueviolet;
    margin:auto;
}

.choose-small-blands p{
    font-size:80%;
}
.checkbox-area{
    border: 1px solid black;
    padding:20px;
    background-color: aqua;
    text-align: center;
    width:75%;
    margin:0 auto;
    height: 200px;

}
.checkbox{
    margin-left: 15px;
}

.display-area{
    height:900px;
    width: 100%;
    background-color: palevioletred;
    
    /*top:160px; */
    text-align: center;
}

.credit-checkbox_exp{
    font-size: 70%;
}

.credit-checkbox {
    float: left;
}
.credit-checkbox > div{
    display: flex;
}

.contents-area{
    width:600px;
    height: 100%;
    background-color: darkkhaki;
    margin:0 auto;
    position: relative;
    top:300px;
}

.credit-checkbox{
    height: 30%;
    background-color: aquamarine;
}
.brand-area{
    width: 100%;
    height: 100%;
    background-color: darkkhaki;
}

/* 各種インデックス */
.CC-index{
    width:100%;
    height: 20px;
    background-color: #4d4d4d;
    color: white;
    margin:auto;
    font-size:80%;
    }

