@charset "UTF-8";
/* アコーディオン */
.accordion-box {
    position:relative;
	top:50px;
	margin-bottom: 60px;
}
.accordion-box label {
	display: block;
    height: 50px; /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    font-size:90%;
    position: absolute;
    bottom: 0;
    width: 100%;
/* 以下グラデーションは「背景が黒」に併せて設定しています */ 
    background: rgba(43,43,43,1.00);
}
.accordion-box input:checked + label {
    background: inherit; /* 開いた時には背景グラデーションを消す */
	
}
.accordion-box label:after {
    content: "個人情報保護方針を表示"; /* ラベルの文字 */
    letter-spacing: ;
    line-height:;
    position: absolute;
    bottom:0px;
    left:0px;
    -webkit-transform: translate(0%, 0);
    transform: translate(0%, 0);
    color: #333333;
	background: #fff;
	padding: 3px 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	  -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
.accordion-box input {
    display: none;
}
.accordion-box .accordion-container {
    overflow: hidden;
    height:0px; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.accordion-box input:checked + label {
    /* display: none ; 閉じるボタンは要らないとき */
	display:;
}
.accordion-box input:checked + label:after {
    content: "閉じる";
}
.accordion-box input:checked ~ .accordion-container {
    height: auto;
    padding-bottom: 30px; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}