.fmj_accordion{
position: relative;
width: 100%;
height: auto;
min-height: 37px;/*重要*/
margin: 0;
padding: 0;
}

.menu{
position: relative;
width: 100%;
height: 37px;
line-height: 33px;
border: 1px solid #999999;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;

padding: 0;
margin: 0;
cursor: pointer;
user-select: none;
text-align: center;

color: #666;
font-size: 18px;
/*Classico URW Regular*/
font-family: classico-urw,sans-serif;
font-weight: 400;
font-style: normal;

/* この delay重要*/
transition: all .7s ease .6s;
-webkit-transition: all .7s ease .6s;
}

.menu img{
width: auto;
height: 37px;
}


.menu:hover,
.menu:active{
cursor: pointer;
user-select: none;
}

/*メニュークリックしたら*/
.menu.is-active {
height: 37px;
padding: 0;
margin: 0;
cursor: pointer;
user-select: none;
opacity: 0;

transition: all .3s ease .0s;
-webkit-transition: all .3s ease .0s;
}



/*隠すエリア*/
.contents_hide {
position: relative;
max-height: 0;/*スマホ　重要　PCはauto*/


margin: -37px 0 0 0;
overflow: hidden;
visibility: hidden;
opacity: 0;

transition: all .6s ease .0s;
-webkit-transition: all .6s ease .0s;

transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}

/*隠すエリア　クリックしたら表示*/
.contents_hide.is-open {
max-height: var(--max-height);

visibility: visible;
opacity: 1;

transition: all .8s ease .0s;
-webkit-transition: all .8s ease .0s;

transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}



/*閉じるボタン*/
.close_icon{
margin: 0 0 0 0;
padding: 0 0 5px 0;
cursor: pointer;
user-select: none;
text-align: right;

color: #666;
font-size: 18px;
/*Classico URW Regular*/
font-family: classico-urw,sans-serif;
font-weight: 400;
font-style: normal;

overflow: visible;

opacity: 1;
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
}

.close_icon:hover{
opacity: 0.6;
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
}


.close_icon span{
display: inline-block;
position: relative;
}


.close_icon span::after{
content:'';
position: absolute;
bottom: -5px;
left: 0;
height: 1px;
width: 100%;
background: #fff;
}





/*スマホ終了
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
/*隠すエリア*/
.contents_hide {
height: auto;/*スマホは0　重要　PCはauto*/
max-height: none;

transform: translate(0, -10px);
-webkit-transform: translate(0, -10px);
}

.contents_hide.is-open {
height: auto;
max-height: none;

transform: translate(0, 0px);
-webkit-transform: translate(0, 0px);
}

}




/**/