/* ////////////////////////////////
//qa
//////////////////////////////// */


:root {
    /* --qa_title_bg:var(--site_color); */

    --qa_title_bg: #936030;
  --this_bg-color: #fcefdf;

}

/* var(--this_bg-color); */



.qa_bg{background: var(--this_bg-color);}

.qa_wrap{

    background:var(--this_bg-color);

    padding: 2rem;

    


    .qa_box{
        margin-bottom: 2rem;

.title{ font-weight: bold;

    padding: 0.6rem 1rem;
    /* background: #009d95; */
    background:  var(--qa_title_bg);
    color: #fff;
    border-radius: 1rem;

    font-size: 1.2rem;

    margin: 0.5rem 0;

    display:flex;
width:100%;

 align-items: center; 

 position: relative;

 padding-right: 3.6rem;

 &:hover{ cursor: pointer;}

    
 .q_icon{margin-right: 0.6rem;

    /* font-family: 'Fjalla One', sans-serif; */
     font-size: 1.8rem;
     
}

i{position: absolute; right: 1rem; font-size: 1.8rem; }


}

 i.icon-down-circle{
        transition: all 0.3s ease;
        transform: rotate(0deg);
    
    }

i.icon-down-circle.open{transform: rotate(180deg);} 


.disp{ 
    background: #fff; 
    padding: 1rem 2rem; 
    border-radius: 1rem;
     margin: 0.5rem 0;

     font-weight: bold;
display: none;
      &.open{display: block;}

 }



}
}




/* 上のメニュー */

.qa_page_menu{

	.koumoku_div{

        .single_foot_menu_qa{

            display:flex;

flex-wrap:wrap;

            > li{ 

                margin: 0.5rem;
                a{padding: 2rem; border-radius: 0.5rem;
                box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); 
            
            &:hover{ text-decoration: none; background: #000; color: #fff; transition: all 0.3s ease; }
        }

                }


        }

	@media screen and (max-width: 736px){
		

	}

}
}

.single_foot_menu{
    > li{display:flex;width:100%;}
    li{ margin-right:12px; margin-bottom: 12px; 

		@media screen and (max-width: 736px){
			margin-right:6px;
		}
        a{ display: inline-block; 
		
			border: solid 1px #ccc;
			color: #000;
			padding: 6px 12px; font-size: 13px;
            line-height: 2;
        } 
        a:hover{ text-decoration: none; background: #333; color: #fff;}

    
    /* li.current-cat{ > a{background: @site_color; color: #fff;}} */

	.parent a{ background: #000; color: #fff;}

	 &.test{li{  a{ background: #f7f7f7; &:hover{background: #333;}}
	 

	}  }
   
}
}


.single_foot_menu li a {
   
font-size: 15px;
padding: 12px 16px;

@media screen and (max-width: 736px){
font-size: 13px;

}
}