@charset "UTF-8";
@import url('./style.css?20191029');

main { padding: 0 0 20px 0; }
main h2 { margin: 0 0 1em 0; color: #333; }
main form#zip { text-align:center; }
main form#zip p.note { margin: 1em 0 0 0; color: #f00; font-size: 90%; }
main form#zip #postal_code { width:auto; }
main div.area h3 { padding: 0.2em 0; background: #d6d6d6; color: #333; font-size: 100%; text-align: center; }
main div.area ul { margin: 0.75em 0; list-style: none; padding: 0 10px; }
main div.area li { margin: 0.25em 1.5em 0.25em 0; float: left; white-space: nowrap; }
main div.area li a { color: #1591a6; text-decoration: underline; }
main div.area li a:hover { text-decoration: none; }

main form#more { color: #333; }
main form#more dl { display:flex; flex-wrap:wrap; align-items:center; }
main form#more dt { width: 20%; text-align: center; float: left; box-sizing: border-box; background:none; margin:0 0 10px 0; }
main form#more dd { width: 80%; float: left; box-sizing: border-box; margin:0 0 10px 0; }
main form#more dd input[type="text"] { width: 90%; }
main form#more dd a { color: #333; }
main form#more div.button { margin: 0 0 1em 0; }
main div.option { margin: 0 0 1em 0; color: #333; text-align: center; }

main ul#pickup { border-top: solid 1px #ccc; color: #333; list-style: none; }
main ul#pickup li { line-height: 64px; }
main ul#pickup li a { padding: 10px 12px; color: #333; text-decoration: none; display: block; }
main ul#pickup img { margin: 0 0.5em 0 0; width: 64px; height: 64px; BACKGROUND: #EEE; display: inline-block; }
main ul#list { border-top: solid 1px #ccc; color: #333; list-style: none; margin-bottom: 30px; }
main ul#list li { padding: 10px 12px; border-bottom: solid 1px #ccc; line-height: 64px; position:relative;display: flex; align-items: center; }
main ul#list li div:nth-child(1) { width:20%; }
main ul#list li div:nth-child(2) { width: 45%; box-sizing: border-box; padding: 0 10px; line-height: 1.2em; }
main ul#list img { margin: 0 0.5em 0 0; width: 64px; height: 64px; BACKGROUND: #EEE; display: inline-block; }
main ul#list input { position: absolute; left: -9999px; }
main form#delete { position: relative; }
main form#delete div.button { margin: 0 auto; width: 100%; text-align: center; display: none; position: absolute; top: -66px; left: 0; right: 0; }
main form#delete div.button button { margin: 0; }
div.overlay { width: 100%; background: rgba(0,0,0,0.8); display: none; position: absolute; top: 0; left: 0; z-index: 99;}
div.type { margin: 0 auto; max-width: 90%; display: none; position: absolute; top: 10px; left: 0; right: 0; background: #FFF; padding: 10px; box-sizing: border-box;  z-index: 999;}
div.type ul { list-style: none; }
div.type li { margin: 0.5em 0; }
div.type button[type="button"] { background: #2191a5; }
main p.follow_btn{line-height: 1em;border: 1px solid;padding: 10px;margin: 0;cursor: pointer; width: 120px; text-align: center;}
main p.follow_btn.btn_on{background:#2191a5;color:#FFF;}

#float_btn{
    display:none;
    position:fixed;
    bottom:0;
    width: 100%;
    max-width: 375px;
}
#float_btn.active{
    display:block;
}
#float_btn a{
    display: block;
    background:#2191a5;
    color:#FFF;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 19px;
    text-align: center;
    text-decoration: none;
    margin: 10px 0;
}
.error{margin:10px 0;}
.error.red * {color:#F00;}
@media screen and (max-width: 767px) {
}