@charset "UTF-8";

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

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    max-width: 200px;
	line-height: 1.2em;
	padding: 10px 0% 0% 15px;
	background-color: white;
}


.kate {
    cursor: pointer;
    padding: 0% 0% 0px 0px;
	font-size:0.9rem;	
}


.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    padding: 10px;
}

/*アイコンの＋と×*/
.title::before,
.title::after{
    position: absolute;
    content:'';
    width: 13px;
    height: 1.5px;
    background-color: #333;
    
}
.title::before{
    top:48%;
    left: 5px;
    transform: rotate(0deg);
}
.title::after{    
    top:48%;
    left: 5px;
    transform: rotate(90deg);
    

}
/*　closeというクラスがついたら形状変化　*/
.title.close::before{
  transform: rotate(0deg);
  background-color: red;
}

.title.close::after{
  transform: rotate(-0deg);
  background-color: red;
}



.title2 {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:0.9rem;
	line-height: 2.0rem;
	letter-spacing:-0.10em;
}

.title3 {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:0.9rem;
	line-height: 1.2rem;
	letter-spacing:-0.10em;
	padding: 0px 0% 5px 0px;
}

/*アコーディオンで現れるエリア*/
.box {
	position: relative;
	top: 5px;
    display: none;/*はじめは非表示*/
    background: #f3f3f3;
    padding: 3px 0% 10px 5px;
	line-height: 2em;
}


.accordion-area a{
    width:145px;
    display: inline-block;
    text-align: justify;
}