@charset "UTF-8";
/* CSS Document */

#ao{
	position: relative;
	left: 45px;
	top: 150px;
}

#suisen{
	position: relative;
	left: 45px;
	top: 200px;
}

#zenki{
	position:relative;
	left: 45px;
	top: 250px;
}

#tyuki{
	position: relative;
	left: 45px;
	top: 300px;
}

/*全体*/
#hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
	position: relative;
	left: 50px;
	top: 136px;
}

/*ボタン装飾*/
#hidden_box label {
	width: 300px;
	height: 50px;
    padding: 15px;
    font-weight: bold;
    border: solid 3.5px black;
    cursor :pointer;
}

/*ボタンホバー時*/
#hidden_box label:hover {
    background: #F7D76B;
}

/*チェックは見えなくする*/
#hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
#hidden_box .hidden_show {
    height: 0;
    padding: 0;
    /*overflow: hidden;*/
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
#hidden_box input:checked ~ .hidden_show {
    padding: 11px 0;
    height: auto;
    opacity: 1;
}


/*全体*/
#hidden_boxx {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
	position: relative;
	left: 50px;
	top: 187px;
}

/*ボタン装飾*/
#hidden_boxx label {
	width: 400px;
	height: 50px;
    padding: 15px;
    font-weight: bold;
    border: solid 3.5px black;
    cursor :pointer;
}

/*ボタンホバー時*/
#hidden_boxx label:hover {
    background: #F7D76B;
}

/*チェックは見えなくする*/
#hidden_boxx input {
    display: none;
}

/*中身を非表示にしておく*/
#hidden_boxx .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
#hidden_boxx input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


/*全体*/
#hidden_boxxx {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
	position: relative;
	left: 50px;
	top: 237px;
}

/*ボタン装飾*/
#hidden_boxxx label {
	width: 400px;
	height: 50px;
    padding: 15px;
    font-weight: bold;
    border: solid 3.5px black;
    cursor :pointer;
}

/*ボタンホバー時*/
#hidden_boxxx label:hover {
    background: #F7D76B;
}

/*チェックは見えなくする*/
#hidden_boxxx input {
    display: none;
}

/*中身を非表示にしておく*/
#hidden_boxxx .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
#hidden_boxxx input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


/*全体*/
#hidden_boxxxx {
    margin: 2em 0;/*前後の余白*/
    padding-bottom : 90px;
	position: relative;
	left: 50px;
	top: 287px;
}

/*ボタン装飾*/
#hidden_boxxxx label {
	width: 400px;
	height: 50px;
    padding: 15px;
    font-weight: bold;
    border: solid 3.5px black;
    cursor :pointer;
}

/*ボタンホバー時*/
#hidden_boxxxx label:hover {
    background: #F7D76B;
}

/*チェックは見えなくする*/
#hidden_boxxxx input {
    display: none;
}

/*中身を非表示にしておく*/
#hidden_boxxxx .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
#hidden_boxxxx input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}