@charset "utf-8";
/* CSS Document */


.memo_box{
display: block;
position: absolute;
top: 111px;
left: 143px;
width: 1083px;
height: 645px;
box-shadow: 0 0 6px rgba(131,132,150,0.3);
padding: 50px 90px;
background: #fff;
box-sizing: border-box;
text-align: center;
}
.mytray_memo{
font-size: 2.4rem;
font-weight: bold;
color: #555;
display: inline-block;
text-align: left;
line-height: 3.8rem;
}
.mytray_memo textarea{
width: 909px;
height: 320px;
padding: 30px;
box-sizing: border-box;
background: #f8f8f8;
margin-top: 35px;
box-shadow: 0 1px 3px rgba(201,201,201,0.3) inset;
font-size: 2.2rem;
color: #555;
resize: none;
}
.mytray_memo textarea::-webkit-input-placeholder{
color: #ccc;
font-size: 2.2rem;
font-weight: bold;
}

.btn_to_mytray{
display: inline-block;
background: url(../images/icon_mytray_memo.gif) no-repeat 64px center #808080;
background-size: 36px auto;
color: #fff;
font-size: 2rem;
font-weight: bold;
text-indent: 47px;
width: 265px;
height: 63px;
line-height: 63px;
margin-top: 35px;
border-bottom: 3px solid #6e6e6e;
box-shadow: 0 0 5px rgba(131,132,150,0.3);
}

.btn_back_mytray{
position: absolute;
bottom: 80px;
left: 594px;
display: block;
width: 180px;
height: 40px;
line-height: 40px;
color: #808080;
font-size: 1.5rem;
font-weight: bold;
background: url(../images/btn_cancel03.gif) no-repeat 15px 45%;
text-indent: 25px;
background-size: 19px 19px;
}

/*サーバーにも保存するボタン*/
.check_to-server{
 position: absolute;
 bottom: 78px;
 right: 82px;
}
.check_to-server input[type="checkbox"]{ display: none;}
.check_to-server input[type="checkbox"] + label{
 display: block;
 width: 26px;
 height: 26px;
 position: relative;
}
.check_to-server input[type="checkbox"] + label::before{
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 box-sizing: border-box;
 display: block;
 width: 100%;
 height: 100%;
 background: #f8f8f8;
 box-shadow: 0 1px 3px rgba(201,201,201,0.3) inset;
}
.check_to-server input[type="checkbox"]:checked + label::after{
 content: "";
 position: absolute;
 top: 5px;
 left: 4px;
 box-sizing: border-box;
 display: block;
 width: 20px;
 height: 12px;
 border-left: 4px solid #91c826;
 border-bottom: 4px solid #91c826;
 transform: rotate(-45deg);
}




/*----------------------------------------------
マイトレー登録後メッセージ関連ここから
----------------------------------------------*/
.alert_wrap{
bottom: 905px;
width: 100%;
height: 100%;
position: absolute;
z-index: 9;
background: rgba(255,255,255,0.95);
}
.alert_wrap .alert_red{
color:#F00;
}
.alert_message{
width:100%;
height:140px;
margin: auto;
left:0;
right:0;
top:0;
bottom:0;
position:absolute;
display:inline-block;
font-size:2rem;
font-weight:bold;
text-align:center;
line-height:3.8rem;
color:#555;
}
.btn_back_alerti{
position: absolute;
top: 505px;
left: 590px;
display: block;
width: 180px;
height: 40px;
line-height: 40px;
color: #808080;
font-size: 1.5rem;
font-weight: bold;
background: url(../images/btn_cancel03.gif) no-repeat 10px 45%;
text-indent: 17px;
background-size: 19px 19px;
}

/*----------------------------------------------
マイトレー登録後メッセージ関連ここまで
----------------------------------------------*/