/* ** */
/********** MYNOTE **********/


/* ** ** */
.myinfo {max-width:640px; margin:20px auto 30px; padding:0 10px;}
.info-detail {display:table; width:100%;}
.info-detail .thumbnail {display:table-cell; width:50%; height:122px; line-height:0; vertical-align:middle; text-align:center; background-color:#f6f6f6;}
.info-detail .thumbnail img {max-width:100%; max-height:122px; display:block; margin:0 auto;}
.info-detail .text {display:table-cell; width:50%; vertical-align:middle; font-size:14px; line-height:140%; padding-left:20px;}
.info-detail .text p {margin:2px auto;}
.info-detail .mynote-id {font-weight:bold; color:#01b900;}
.info-detail .scout .scout-off {font-weight:bold; color:#265BFF;}
.info-detail .scout .scout-on {font-weight:bold; color:#FF2626;}
/* ** ** */
.info-edit {margin-top:14px;}
.info-edit ul {border-top:1px dotted #bbb;}
.info-edit li {border-bottom:1px dotted #bbb;}
.info-edit li a {display:block; position:relative; padding:8px 10px;}
.info-edit li a:after {content:""; width:8px; height:8px; border:0; border-top:solid 2px #01b900; border-right:solid 2px #01b900; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform: rotate(45deg); margin:-5px 0 0 2.2em; display:inline-block; position:absolute; top:50%; right:12px;}
.info-edit li.message-num a:after {content:none;}
.info-edit li.message-num span {display:block; width:14px; height:14px; line-height:14px; font-size:12px; position:absolute; top:50%; right:6px; background-color:#01b900; border-radius:50%; color:#fff;
	padding:4px; text-align:center; margin-top:-11px; font-weight:bold;}
/********************************************************************/

/* ** */
/********** 応募履歴 **********/
.history {}
.apply-history {max-width:640px; margin:0 auto; padding:0 10px;}
.apply-history > li {border-bottom:1px dotted #bbb; padding:8px 10px;}
.apply-history .data-number {display:table; width:100%; margin-top:4px;}
.apply-history .data-number p {display:table-cell;}
.apply-history .data-number .day-data {color:#888; font-size:11px;}
.apply-history .data-number .accept-number {text-align:right; font-size:12px;}
.apply-history h3 {margin:5px auto; font-size:16px; font-weight:normal;}
.apply-history h3 a {text-decoration:underline; display:block;}
.audition-info {text-align:center;}
.audition-info li {display:inline-block; width:23%; padding:5px 5px 8px; text-align:center; box-sizing:border-box;}
.audition-info li a {display:block; width:2.4em; height:2.4em; padding:1em; margin:auto; border-radius:50%; background-color:#fff063; vertical-align:middle; font-size:12px; line-height:2.4em; font-weight:bold; position:relative;}
.audition-info li.new a:after {content:""; background:url(../../imgs/sp/mynote/icon-exclamationmark.png) 0 0 no-repeat; background-size:100% auto; width:1.5em; height:1.5em; position:absolute; right:0; top:0;}
/* ** */
/********** 足あと & ブックマーク **********/
.footprint {}
.bookmark {}
.footprint ul,
.bookmark ul {max-width:640px; margin:0 auto; padding:0 10px;}
.footprint li,
.bookmark li {border-bottom:1px dotted #bbb; padding:12px 10px;}
.footprint li a,
.bookmark li a {text-decoration:underline; display:block;}
.footprint li .day-data,
.bookmark li .day-data {font-size:11px; display:block;}
.footprint li .day-data {color:#888;}
.bookmark li .day-data  {color:#01b900;}
/* ** */
/********** その他リンク メールアドレス設定／スケジュール管理／Q&A **********/
.other-link {margin:0 auto 45px;}
.other-link ul {margin-top:10px;}
.other-link li a {display:block; padding:5px 10px; font-size:14px;}
.other-link li a:before {content:""; width:8px; height:8px; border:0; border-top:solid 2px #01b900; border-right:solid 2px #01b900; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform: rotate(45deg); margin:-6px 12px 0 0; display:inline-block; top:50%;}
/* ********************************************************************************* */
/* ********************************************************************************* */