@charset "utf-8";
/* --------------------
* 01.common
* 02.note
* 03.modal
* 04.edit
-------------------- */
/* --------------------
* 01.common
-------------------- */
.mp_note_fw_b {
font-weight:bold;
}
.mp_note_wrapper,
.mp_modal_contents {
font-family:"Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
/* --------------------
* 02.note
-------------------- */
.mp_note_wrapper {
box-sizing:border-box;
color:#222;
word-break:break-all;
}
.mp_note_inner {
position:relative;
width:980px;
margin:20px auto 0;
padding:15px 20px;
background:#eee;
font-size:14px;
line-height:1.6;
}
.mp_icon {
display:inline-block;
padding-left:30px;
text-indent:-30px;
}
.mp_icon:before {
display:inline-block;
height:20px;
background-repeat:no-repeat;
background-position:left center;
vertical-align:middle;
content:"";
}
.mp_icon_blue:before {
margin-top:4px;
padding-left:30px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAc0lEQVQ4T2NkoDJgRDGv/dl/Ss0fNRAehvewhKUgFjEuBgYGdmRxRgZYRFRKobJJjR2oOaMGQiMFFJ6kgtEwZGBATocMDLcZGBiY0YKRm4GBgQ1NjMiETWqEIKmnLHdgsRhhIAWuAmuFJjUaGEipy9D0AwDwJWVpjU2LGgAAAABJRU5ErkJggg==);
}
.mp_icon_question {
display:inline-block;
position:absolute;
right:20px;
bottom:16px;
color:#0087e6;
font-size:14px;
line-height:1.6;
cursor:pointer;
}
.mp_icon_question:hover {
text-decoration:underline;
}
.mp_icon_question:before {
margin-top:-3px;
padding-left:27px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACMUlEQVQ4T7WUz2sTURDHP2/bRPtDtCkG0xi8Ce5BBUURij+gHlRQhKqlHlTwx8E/QJOem+rNq1RRD+ZgDxWhCiqIoEhFoRRsEREqmgYTmgbaEpN098nu62qyuyE96Du+mfeZmTffGcE/PsKXdzO3DrO8F8QpoBuIABUgA4yDHEELjnNt44L7vRc4+H07WlMSONYg+TFMI8FAbLLarxY4lO4B8RAIr/InsiDPEo++dPz/ApMZHSFfeWBLJpSl8g8KaNPcsbJIcYhEZMoyKOBtGSCfeQ4crPFeMtG3BOnT19LWrJGa/sXHmRKs8fzUa0KRw1wRFWW5kTmClE/dsN5drdzqWU+0XWWVXjQ583iet199oEIc5XrkmQIOpe+BOP8HaEBLUDBzNUy4VWP3gznb9OFcJ0++lDhxJwcdTa7S5X3i0QsrwNlPgO4G6uEAxYrJ1LcyW2MBPl8Oc3eyyMWRvN9fThPv0hUwOTuHIOTpbEnCsmTzpgCp4x22uXc0T3bBBE+C5El0dToZ/qwrFQPG+kLsjwXZNpzjR8HwwqxIshY4Aezw1Z4BqZMbbFP/aMEfph5Wlexuiot8aWeLfTM8UfSNqS6rm+InG+epAXLAGmUQg5n6GdbIRgn7BXDAL4X4vnalrneL9TJ0CdvudJ3Rs2zzhgJ5tGff+oyeE1eVbi0HpZFGR1AA0W9NiOP6n9eXE8ZasHK5G2meBrFnZcFa1gzI9wjtEaL5zeoWbKMyG9h/A0C7xRVvHrZnAAAAAElFTkSuQmCC);
}
/* --------------------
* 03.modal
-------------------- */
.mp_modal_contents {
display:none;
position:fixed;
z-index:2;
width:100%;
height:100%;
}
.mp_modal_contents.is_open {
display:block;
}
.mp_modal_close_area {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0, 0.7);
}
.mp_modal_inner {
position:fixed;
top:50%;
left:50%;
width:531px;
height:368px;
padding:42px 40px 40px;
background:#fff;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);

-webkit-font-smoothing:none;
-webkit-font-smoothing:antialiased;
-webkit-font-smoothing:subpixel-antialiased;
}
.mp_modal_mds {
margin-bottom:15px;
font-size:20px;
text-align:center;
}
.mp_modal_answer {
margin-bottom:27px;
font-size:14px;
line-height:1.6;
}
.mp_modal_plus {
margin-bottom:7px;
font-size:18px;
text-align:left;
}
.mp_modal_list {
margin-bottom:7px;
padding:20px 20px 16px;
background:#f5f5f5;
}
.mp_modal_list li {
font-weight:bold;
line-height:1;
}
.mp_modal_list li:first-child {
margin-bottom:16px;
}
.mp_modal_list li:before {
display:inline-block;
width:16px;
height:12px;
margin-right:12px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAMAAABcOc2zAAAAZlBMVEUAAAAAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+bGS0S4AAAAIXRSTlMA+xfw5dGvhVVMPi4jDwcD9urbyMK1p56Xjn17cWlhNx/LRFKZAAAAXUlEQVQI12WOWQ6AIBBDUQQFxX3fe/9LCkGIxP407yUzKQmypSHvgPzyAay64vjlEzAXd8usySIsposETFmedVnTKSIiTO5X3qAXNcaKeEMBcM0+F8VQBoskd/zPA/6HBL1arM5+AAAAAElFTkSuQmCC);
background-repeat:no-repeat;
background-position:left center;
vertical-align:middle;
content:"";
}
.mp_modal_guide {
font-size:14px;
line-height:1.6;
}
.mp_close_btn {
display:inline-block;
position:absolute;
top:0;
right:0;
width:40px;
height:40px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAD1BMVEWqqqq0tLTp6ens7Ozg4OCfIHGvAAAAUklEQVQoz2MYpsARxhBBEhQSgNCMimAKxkGVhPMQcgil6AohfIgMmlKIBLpSkDiGUoRCBBA2ZCAoiNBO0CKEkwg6HuFNQgGCCDqcgYwZHcMTAADzTwVz9YMmjgAAAABJRU5ErkJggg==);
background-repeat:no-repeat;
background-position:left center;
box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
vertical-align:middle;
content:"";
cursor:pointer;
}
.mp_close_btn:hover {
opacity:0.6;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
/* --------------------
* 04.edit
-------------------- */
.mp_announce {
margin-top:40px;
text-align:center;
}

.mp_announce_text {
width:980px;
margin:0 auto;
padding:20px;
background-color:#ffe;
text-align:left;
}

.mp_announce_text p {
margin-top:6px;
}