@charset "utf-8";

/* ----------------------------------------------------------------
* 01. Btn
* 02. Banner
* 03. Modal
---------------------------------------------------------------- */

/* ----------------------------------------------------------------
01. Btn
---------------------------------------------------------------- */
.mp_btn_reflection.is_disabled {
display:none!important;
}

/* ----------------------------------------------------------------
02. Banner
---------------------------------------------------------------- */
.mp_reflection_banner {
position:fixed;
z-index:-1;
top:-56px;
left:0;
width:100%;
height:56px;
opacity:0;
color:#fff;
font-size:18px;
text-align:center;
line-height:56px;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.mp_reflection_banner * {
font-family:"Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "sans-serif";
}
.mp_reflection_banner.is_show {
z-index:110;
top:0;
opacity:1;
-webkit-transition:top 0.2s;
transition:top 0.2s;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mp_reflection_banner.is_leaving {
opacity:0;
-webkit-transition:opacity 0.6s;
transition:opacity 0.6s;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.mp_reflection_banner.is_success {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOzEo46UAAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=);
}
.mp_reflection_banner.is_timeout,
.mp_reflection_banner.is_exception {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXxV1cTiSv5AAAAAXRSTlPmCY+fKwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=);
}
.mp_reflection_banner_text {
display:none;
}
.mp_reflection_banner.is_success .mp_reflection_banner_text_success,
.mp_reflection_banner.is_timeout .mp_reflection_banner_text_timeout,
.mp_reflection_banner.is_exception .mp_reflection_banner_text_exception {
display:block;
}
.mp_reflection_banner_close {
position:absolute;
top:4px;
right:4px;
width:48px;
height:48px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAAC3RSTlMABa6xCrd+goEMCziWWVIAAABsSURBVCjP3czBDYAgDIVhTBiAaKJnZAKdgDU8OorDuKe9tH8oE8gLoS/Nl4bfJz7a1mrLqSSKZT6YngIhQCgQCoTuCQjNQGg5DZL3onNUZXsz9zDJ81DYkjson10FttQMFMJEOBpvbVsNQ+YD2hAKjHM2HzMAAAAASUVORK5CYII=);
background-position:center center;
cursor:pointer;
}

.mp_reflection_banner.ie_html4 {
position:absolute;
left:0;
}
.mp_reflection_banner.ie_html4 .mp_reflection_banner_close {
display:none;
}
.mp_reflection_banner.ie_html4.is_show .mp_reflection_banner_close {
display:block;
}

/* ----------------------------------------------------------------
03. Modal
---------------------------------------------------------------- */
.mp_reflection_modal {
display:none;
width:100%;
}
.mp_reflection_modal.is_show {
display:block;
}
.mp_reflection_modal_backdrop {
position:fixed;
z-index:1000;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOzEo46UAAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=);
}
.mp_reflection_modal_window {
position:fixed;
z-index:1001;
top:50%;
left:50%;
width:980px;
margin:-190px 0 0 -490px;
background:#fff;
}
.mp_reflection_modal_window * {
font-family:"Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
.mp_reflection_modal_window_inner {
padding:30px 30px 60px;
}
.mp_reflection_modal_window_closeBtn {
position:absolute;
top:0;
right:0;
width:40px;
height:40px;
background-color:#aaa;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAAC3RSTlMABa6xCrd+goEMCziWWVIAAABsSURBVCjP3czBDYAgDIVhTBiAaKJnZAKdgDU8OorDuKe9tH8oE8gLoS/Nl4bfJz7a1mrLqSSKZT6YngIhQCgQCoTuCQjNQGg5DZL3onNUZXsz9zDJ81DYkjson10FttQMFMJEOBpvbVsNQ+YD2hAKjHM2HzMAAAAASUVORK5CYII=);
background-position:center center;
cursor:pointer;
}
.mp_reflection_modal_window_closeBtn:hover {
opacity:0.6;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.mp_reflection_modal_window_header {
padding-bottom:50px;
border-bottom:1px solid #ddd;
text-align:left;
}
.mp_reflection_modal_window_header_title {
margin:0 0 20px;
font-size:24px;
font-weight:normal;
line-height:1.33333;
}
.mp_reflection_modal_window_header_title:before {
margin-right:6px;
padding-right:5px;
background:#aaa;
content:"";
}
.mp_reflection_modal_window_header_desc {
font-size:16px;
}
.mp_reflection_modal_loginBtns {
display:table;
table-layout:fixed;
width:560px;
margin:60px auto;
text-align:center;
}
.mp_reflection_modal_loginBtns_col {
display:table-cell;
text-align:center;
vertical-align:top;
}
.mp_reflection_modal_loginBtns_btn {
margin:0;
}
.mp_reflection_modal_loginBtns_btn a {
display:inline-block!important;
margin:0;
padding:14px 0;
line-height:1.4;
}
.mp_reflection_modal_loginBtns_label {
margin-bottom:15px;
font-size:16px;
}

.mp_reflection_modal.ie_html4 {
position:absolute;
left:0;
}
.mp_reflection_modal.ie_html4 .mp_reflection_modal_window {
position:absolute;
}
.mp_reflection_modal.ie_html4 .mp_reflection_modal_window_header_title {
padding-left:8px;
border-left:5px solid #aaa;
}
.mp_reflection_modal.ie_html4 .mp_reflection_modal_loginBtns {
width:100%;
}
.mp_reflection_modal.ie_html4 .mp_reflection_modal_loginBtns_col {
display:inline;
width:280px;
}