<br />
<b>Deprecated</b>:  The each() function is deprecated. This message will be suppressed on further calls in <b>/home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php</b> on line <b>456</b><br />
@charset    'Shift_JIS';

/************************************
** トグル表示ボタン カスタマイズ
************************************/
.toggle-wrap .toggle-button {
display: block;
cursor: pointer;
padding: 3px 10px;
background-color: #fff;
border: 1px solid #ddd;
font-weight: bold;
text-align: center;
margin-bottom: 1em;
border-radius: 8px;

width:50%;
margin-left:10%;
}

.toggle-wrap .toggle-button:hover {
border-color: #999;
background: #f5f5f5;
}

.toggle-wrap .toggle-button:after {
content: "を表示"; /* 閉じている状態のときにラベルの後ろに続く文字 */
}

/*中身を非表示にしておく*/
.toggle-wrap .toggle-content{
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.6s;
}

/*チェックは見えなくする*/
.toggle-wrap > input[type="checkbox"]{
display: none;
} 

.toggle-wrap > input[type="checkbox"]:checked ~ .toggle-button:after {
content: "を非表示"; /* 開いている状態のときにラベルの後ろに続く文字 */
}


/*クリックで中身表示*/
.toggle-wrap > input[type="checkbox"]:checked ~ .toggle-content {
display: block;
height: auto;
opacity: 1;
padding: 10px 0;
}