/*----------------アコーディオン型------------------------*/
.accbox {
    margin: 2em 0;
    padding: 0;
    width: 90%;
    margin:auto;  
}

/*ラベル*/
.accbox label {
    display: block;
    cursor :pointer;/*カーソルの形が変わる*/
    transition: all 0.7s;/*動作（変化）の時間を設定する*/
    background :#fff1f4;
    filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.2));
    border-radius:2px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#ffb5c9;
}

/*ラベルで設定したチェックは隠す*/
.accbox input {
    display: none;
}

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

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}

	
#money_choice label{
	display: flex;
    justify-content:flex-start;/*--子要素同士の空白を揃える--*/
    align-items: center;
    position:relative;
}
#money_choice label img{width:30%;/*--子要素の幅指定---*/}
#money_choice label p{flex-basis:50%;/*--子要素の幅指定---*/}

#money_choice label:after{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 3px #f16a77;
    border-right: solid 3px #f16a77;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right:10%;
}
.accbox label {
    border:1px solid #ffe4e8;}

#money_choice .cssacc:checked + .accshow {
    background: #F4F4F4;
}
#money_split label{ position:relative;}
#money_split label:after{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: solid 3px #f16a77;
    border-right: solid 3px #f16a77;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left:50%;
    margin-left:-15px;
}
#money_split .accbox label {
    margin: 1.5px auto;
    padding : 11px 12px;
    color :black;
    font-weight: bold;}	

#money_split .accbox p{
    margin-top:5%;
    font-size:0.8rem;
}
/*----------------//アコーディオン型------------------------*/
/*====================================================pc設定==========================================================*/
@media print, screen and (min-width:768px){
.accbox label {
    text-align:center;
    width:60%;
    margin:auto;
}
.accbox p{
    margin-top:1%;
}
.accshow {
    margin:1% auto;
}
.accshow table{
    width:100%;
    margin:auto;
}
.accbox label:hover{
    width:60%;
    margin:auto;
}
.cssacc:checked + .accshow{
    width:100%;
    margin:auto;
}
.money_h3{margin:50px auto;}
#money_list label{
    height: 120px;
    width:600px;
    margin-top:20px;}
#money_choice label img{
    max-width:120px;
    margin-left:20px;/*--子要素の幅指定---*/}
#money_choice label p{
    flex-basis:50%;
    font-size:1.8rem;/*--子要素の幅指定---*/}

#money_split label{
    height:85px;
    text-align:center;
    font-size: 1rem;
}
#money_split label:after{
bottom:20px;}

}
/*====================================================sp設定==========================================================*/
@media print, screen and (max-width:767px){

#money_choice label{
    height:90px;
    padding:10px;
    margin:5px auto 10px;
    max-width: 400px;}

#money_choice label img{
    width:30%;/*--子要素の幅指定---*/
    max-width: 90px;}

 #money_choice .cssacc:checked + .accshow {
    padding-bottom:30px;
    }

#money_choice .cssacc:checked + .accshow{
    max-width: 400px;
    margin:auto;
}
#money_split .accbox label{margin-top:20px;}
#money_split .accshow {
    margin:3% auto;
}
#money_split label{height:70px;text-align:center;}
}
#money_split label:after{
    bottom:15px;}