@charset "utf-8";
#info-container{
position:relative;
width:100%;/* 必要に応じて調整 */
max-height:100px;/* 超えると省略 */
overflow:hidden;
text-align:left;
margin:0 auto 22px;
padding-bottom:42px;
transition:max-height 0.5s ease-in-out;
}
#info{
line-height:1.6;
}
.fade-out{
position:absolute;
bottom:0;
width:100%;
height:40px;
background:linear-gradient(to bottom, rgba(255,249,244,0) 0%, rgba(255,249,244,1) 100%);
text-align:center;
color:#22568c;
transition:opacity 0.3s ease-in-out;
}
.read-more, .fold-up{
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
/* background:rgba(255, 255, 255, 0.8); */
background:#fff;
padding:5px 10px;
cursor:pointer;
font-size:14px;
font-weight:bold;
border-radius:5px;
border:2px solid #1c82e0;
}
.fold-up{
display:none;/* 初期状態で非表示 */
}