@charset "utf-8";
/* ================================================================================
署名ページCSS
================================================================================ */

/* 署名リスト */
ul.syomei_list { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; padding:0 0 30px 0; }
ul.syomei_list li { text-align:center; width:25%; position:relative;}
ul.syomei_list li a div.thumbnail { position:relative; margin:0 auto 10px auto; width:90%; z-index:1;}
ul.syomei_list li a div.thumbnail img { border:1px solid #333; box-sizing:border-box; height:auto; width:100%; }
ul.syomei_list li a p { text-align:left; margin:auto; width:90%; }

ul.syomei_list li a div.comment{
position: absolute;/*重ねたい子要素にabsolute*/
width:216px;
height:306px;
top:41%;
left: 50%;
-ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
-webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
transform: translate(-50%,-50%);/*センター寄せの修正*/
color: #000000;
font-size: 16px;
z-index:100;
text-align: justify;
background-color:rgba(255,255,255,0.8);
padding: 18px;
border:1px solid #333; 
}

ul.syomei_list li a div.comment h2{
text-align: center;
font-size: 24px;
font-weight: 600;
margin-bottom:10px;
margin-top:10px;
}