/*
 * Copyright (c) 2019 LINE Corporation. All rights reserved.
 * LINE Corporation PROPRIETARY/CONFIDENTIAL. Use is subject to license terms.
 */

/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0 }
html, body { height: 100%; }
body { -webkit-text-size-adjust: none; min-width: 320px; }
a:link, a:visited, a:hover, a:active { color: #000; text-decoration: none }
fieldset, img { border: none }
dl, ul, ol, menu, li { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
input, select, textarea, button { font-size: 100%; vertical-align: middle }
button { border: 0 none; background-color: transparent; cursor: pointer }
table { border-collapse: collapse; border-spacing: 0 }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal }
input[type='text'], input[type='password'], input[type='submit'], input[type='search'] { -webkit-appearance: none; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 }
input[type='checkbox'] { -webkit-appearance: checkbox }
input[type='radio'] { -webkit-appearance: radio }
button, input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] { -webkit-appearance: button; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 }
input[type='search']::-webkit-search-cancel-button { -webkit-appearance: none }
legend, .blind { overflow: hidden; position: absolute; top: -1px; left: -1px; z-index: -1; width: 1px; height: 1px; font-size: 0; line-height: 0; white-space: nowrap }
input::-webkit-input-placeholder { color: #0a1e5c }
*{box-sizing:border-box;}
*:before, *:after{box-sizing:border-box;}
.clearfix { *zoom: 1; }
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
.text-center{ text-align: center;}
html { font-size: 62.5%; }
body { background: #fff; font-size: 1.4rem; line-height:1.5; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #958169; }
li { list-style: none; }
.wrapper{ overflow:hidden;}
.container{ max-width:780px; margin:0 auto; padding:5.5rem 0 4rem;}
img{ max-width:100%;}
/* index */
.header img{ width: 100%;}
.receive-text{ margin:2rem 0 4.5rem; font-size:2rem; font-weight:bold;white-space:pre-wrap;}
.receive-text mark{ background:transparent; color:#4b3b31;}
.tip-text{ margin-bottom: 6rem; font-size:2.8rem; font-weight:bold; color: #4b3b31;}
.install-area{ margin:4.5rem 0 7.8rem; font-size:0}
.install-app{ display:inline-block; margin:0 2.5rem;}
.install-qr{ position: relative; width: 163px; height: 157px; margin-top:1rem; border:3px solid #e1d5bb; border-radius:4px; background:#f1e5cf;}
.install-qr:after{ position: absolute; top:6px; left:7px; display: block; content: ""; width: 143px; height: 139px;  border:2px solid #e9dfc6; border-radius:4px; background:#faf6eb;}

.install-qr img{ position: relative; z-index: 2; margin-top:20px;}
.notes-text{ margin-top:2.5rem; padding:2.5rem 4rem; border-radius:4px; background:#f0f0f0; font-size:1.6rem; text-align:left;}
.notes-text p{ white-space:pre-wrap;margin-top: 1rem;}
.notes-text p:first-child{ margin-top: 0;}
.icon { display: inline-block; background-image: url(../img/icons.png); background-repeat: no-repeat; }
.footer{ width:100%; padding:3.3rem 0; background:#979797; text-align:center; font-size:1.2rem;}
.footer .line, .footer a{ color:#fff;}
.footer .line{ margin:0 10px;}
/* error */
.error-container{ padding:15.5rem 0 5rem;/*  min-height:calc(100vh - 84px) */}
.error-text{ margin:2rem auto 3rem; font-size: 1.8rem; color:#999; width:50%;white-space:pre-wrap;}
.error-btn{ width:16rem; margin-top:4rem; padding:1.5rem 0; background:#10c257; border-radius:4px; color:#fff;  font-size:2rem; font-weight:bold; line-height:1; text-align:center;}