@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');


/*ボックス全体*/
.switchbox {
    margin: 10px 0;
    padding: 0;
}
/*ラベル*/
.switchbox label {
    display: block;
    font-weight: nomal;
    cursor :pointer;
    border-bottom: solid #ccc 1px;
    padding: 0.5rem 0.5rem 0.5rem 20px;
    font-size: 1.6rem;
    margin-top: 10px;

}
.switchbox label:hover {
    background: #eee;
}
/*チェックボックスを非表示にする*/
.switchbox input {
    display: none; 
}
/*中身を非表示にしておく*/
.switchbox div {
    height: 0;
    overflow-y: hidden;
    transition: 0.1s;/*ゆっくり表示させる*/
    opacity: 0;
    margin: 10px 0px 10px 0px;
}
/*クリックで中身を表示*/
.switchbox input:checked + label + div {
    height: auto;
    opacity: 1;
    margin-top: 10px;
}
/*アイコン*/
/*.switchbox label::before {
    content: '\f13a';
    font-family: 'FontAwesome';
    padding-right: 8px;
}*/
/*クリックでアイコン入れ替え*/
/*.switchbox input:checked + label::before {
    content: '\f139';
}*/