@charset "utf-8";
/*----------------------------------------------*/
/* CSS Document accordion_navi(accordionbox Ver)*/
/*----------------------------------------------*/
.accbox {
    /*margin: 2em 0;*/
    padding: 0;
    /*max-width: 400px;*//*最大幅*/
    max-width: 100%;/*最大幅*/
}

/*見出し*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #333;
	font-size: 18px;
    font-weight: bold;
    background: #f4f4f4;
    cursor :pointer;
    transition: all 0.5s;
	padding: 10px 10px 10px 40px;
}
.accbox a{
    color :#333;
}

/*アイコン*/
.accbox label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;
    color: #57A7AB;
}

.accbox label:hover {
    background :#f0fbfc;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

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

/*中身*/
.accbox .accshow li{
    background: #ffffff;
}
.accbox .accshow li:last-child{
    margin-bottom:0 !important;
}

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

.accbox .accshow p {
    margin: 15px 10px}

/*アイコン入替*/
.cssacc:checked + label:before {
    content: '\f078';
    color: #57A7AB;
}

/*閉じるボタン１*/
.close_bot1{
	text-align:center;
	padding:0.2em;
	margin-top:1em;
	margin-right:0.3em;
	width:11%;
	background:#57A7AB;
	border-radius:6px;
	margin-left: auto;
}
/*閉じるボタン１アイコン*/
.close_bot1:before {
    content: '\f00d';
    font-family: 'FontAwesome';
    /*padding-right: 6px;*/
    color: #ffffff;
}
/*閉じるボタン２*/
.close_bot2{
	text-align:center;
	padding:0.5em;
	margin:1.2em;
	width:36%;
	border:1px solid #57A7AB;
	border-radius:6px;
	margin-left: auto; margin-right: auto;
}
/*閉じるボタン２アイコン*/
.close_bot2:before {
    content: '\f00d';
    font-family: 'FontAwesome';
    padding-right: 8px;
    color: #57A7AB;
}




/*----------------------------------------------*/
/* CSS Document accordion_area(accordionbox Ver)*/
/*----------------------------------------------*/
.accarea {
    margin: 2em 0;
    padding: 0;
    /*max-width: 400px;*//*最大幅*/
    max-width: 100%;/*最大幅*/
}

/*見出し*/
.accarea label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #333;
	font-size: 18px;
    font-weight: bold;
    background: #f4f4f4;
    cursor :pointer;
    transition: all 0.5s;
	padding: 10px 10px 10px 40px;
}
.accarea a{
    color :#333;
}

/*アイコン*/
.accarea label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;
    color: #57A7AB;
}

.accarea label:hover {
    background :#f0fbfc;
}

/*チェックは隠す*/
.accarea input {
    display: none;
}

/*中身を非表示にしておく*/
.accarea .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*中身*/
.accarea .accshow li{
    background: #ffffff;
}
.accarea .accshow li:last-child{
    margin-bottom:0 !important;
}

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

.accarea .accshow p {
    margin: 15px 10px}

/*アイコン入替*/
.accarea .cssacc:checked + label:before {
    content: '\f078';
    color: #57A7AB;
}