/* **********************************************************************************************
 * スタンプ一覧 専用 css */

.display_mode {margin: 0.5em 0 0.5em 0; padding-right: 10px; text-align: right;}
.display_mode .btn{width: 10em;}


/* ヘッダ */
.starline {
    margin: 5px 0 0 0;
    padding: 3px 10px;
    border-radius: 10px;
    color: snow;
    font-weight: bold;
    font-size: 18px;
    background-color: yellowgreen;
    line-height: 1;    
}


/* 通常表示 */
.table {display: table; border-collapse: collapse; table-layout: fixed; width: 100%; box-sizing: border-box;}
.table .row {display: table-row;}

.table .row .p,
.table .row .t {display: table-cell; overflow: hidden; /* border: 1px solid #eee; border-top-width: 0; */ border-top: 3px solid #f5f5f5; border-bottom: 3px solid #f5f5f5; padding: 0px; vertical-align: top;}
.table .row .p {width: 100px; text-align: center;}
.table .row .p img {width: 100px; height: 100px; vertical-align: middle; border-radius: 15%;}
.table .row .t {width: auto; text-align: left; padding-left: 0.1em;}
.table .row .t .n{display: inline-block; background-color: #CB831D; border-radius: 0.6em; padding: 0px 6px; margin-top: 0.5em; color: white; font-weight: bold;}
.table .row .t p {font-size: 95%;}
.table.v_middle .row .t {vertical-align: middle;}

/* 画像のみ */
.image_only .row {display: inline-block;}
.image_only .row .p {padding-top: 3px; padding-bottom: 2px;}
.image_only .row .p img {width: 120px; height: 120px; vertical-align: middle; border-radius: 15%;}
#m .image_only .row .p img {max-width: 21vw;}
.image_only .row .t {display: none;}