@charset "utf-8";
/* アコーディオンパネル個別に開く*/
.accordion_area{
    width:100%;
    margin:0 auto;
}
.accordion_area li{
    padding:0;
    background:#22558A;
}
.accordion_area section{
    padding:0.5em;
    border:1px solid #ccc;
}
.accordion_area img{
    display:block;
    width:100%;
    max-width:700px;
    height:auto;
    margin:0 auto;
}
.title{
    position:relative;
    font-size:1.8rem;
    padding:0 4rem;
    text-shadow:2px 2px 4px #470000;
    cursor:pointer;
    transition:all .3 ease;
}
.title::before,
.title::after{
    content:'';
    position:absolute;
    width:15px;
    height:2px;
    background:#fff;
}
/*横棒*/
.title::before{
    top:48%;
    left:0.5em;
    transform:rotate(0deg);
}
/*縦棒*/
.title::after{
    top:48%;
    left:0.5em;
    transform:rotate(90deg);
}
.title.close::before{
    transform:rotate(45deg);
}
.title.close::after{
    transform:rotate(-45deg);
}
/*最初閉じているエリア*/
.box{
    display:none;
    background:#ffffff;
    opacity:1;
}
.box a{
    display:block;
    padding:0.5em 1em;
    color:#000;
}
.box a:hover{
    box-shadow:0 0 0 4px #000;
}
.box li{
    background:#ffffff;
    padding:0.5em;
    transition:0.3s;
}
.box li:hover{
    background:#E5DECA;
}