@charset "UTF-8";

/*==================================================
アコーディオンのためのcss
===================================*/

/*アコーディオン全体*/
.accordion-area2{
    list-style: none;
    width: 96%;
    max-width: 900px;
    margin:0 auto;
}

.accordion-area2 li{
    margin: 10px 0;
	border: none!important;
}

.accordion-area2 section {
	border: 1px solid #ccc;
}

/*アコーディオンタイトル*/
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-weight: normal;
    padding: 5px 5px 5px 20px;
    transition: all .5s ease;
}

/*アイコンの▶*/
.title::after {
    content:'';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border-style: solid;
    border-width: 5px 0 5px 8px; /* 高さ:幅比で三角形 */
    border-color: transparent transparent transparent #99CC00;
}

.title.close::after {
    transform: translateY(-50%) rotate(90deg); /* 開いたら下向き */
}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
	margin:0;
    padding: 5px;
}

.box h5{ font-weight: bold; background: #F6F5F0; padding: 5px;}
.box dt,.box dd{ padding: 5px;padding-left: 30px;padding-right:30px}
.box dt span{ color: #99CC00;}