/* Default Layout */

body {
	margin:0;
	min-width:320px;
	background-color: #494949;
	font-family: "roboto regular", -apple-system-font;
	color: #fff;
}
p {margin: 0;}
a:hover{text-decoration:none;}
.wrap {padding: 20px;}
h1 {margin: 1.5rem 0 1.5rem; text-align: center;font-weight: 300;font-size:1.8em;}
.btn-lg {display: block;width:100%;padding: 2rem 1.5rem 2rem 5rem;color:#fff;font-size: 1.2em;    border-radius: .4rem;text-align: left;}
.btn-ios {background:#882191 url(../img/ico_apple.png) no-repeat 1.5rem center;background-size: auto 20px;}
.btn-ios:hover {background-color: #75207d;color:#fff;}
.btn-android {background:#b73956 url(../img/ico_android.png) no-repeat 1.5rem center;background-size: auto 24px;margin-top: 17px;}
.btn-android:hover {background-color: #a12f4a;color:#fff;}
.btn-window {background:#882191 url(../img/ico_window.png) no-repeat 1.5rem center;background-size: auto 20px;}
.btn-window:hover {background-color: #75207d;color:#fff;}

.btn-lg .ver {float:right;font-size: .9em;}
.txt_message {padding:8rem 0 0;font-size:1.4rem;}
.txt_message .tit {font-size: 1.3rem;}
.qrcode ul {margin-top: 3rem; padding-left: 1.1rem;font-size: 1.4rem;}
.qrcode {overflow: hidden;}
.qrcode li {list-style: square;padding-left: 0;margin-left: .5em;padding-top: 2rem;line-height: 2.2}
.qrcode li:first-child {padding-top: 0;}
.qrcode li:after{content: "";display: block;clear: both;}
.qrcode li button{float: right;background:#e8e8e8 url(../img/qrcode_sm.png) no-repeat 90% center;background-size: 18px auto; border-radius: 0;padding:5px 10px 5px 15px;min-width: 120px;text-align: left;color:#000;}
.qrcode li button:hover {background-color: #c3c3c3;}
.modal-dialog {margin: 10rem 20px 0;}
.modal-header {padding:3rem 0 2rem;border-bottom: 0;color:#000;text-align: center;font-size: 1.2em;background:#fff;}
.modal-content{border-radius:0;background: transparent;box-shadow: none;border:0;}
.modal-body {text-align: center;padding-bottom:4rem;background:#fff;}
.qrcode_img {width: 71%;}
.modal-footer {background: transparent;text-align: center;}
.modal-footer button {width:50px;height:50px;text-indent: -9999px;background: transparent url(../img/ico_close.png) no-repeat center;background-size:50px auto;}
.modal-backdrop.in {opacity: .8;}
footer {width: 100%;padding-top:40px;text-align: center;font-size: .7em;}
footer img {height: 13px;margin-bottom: 5px}
@media screen and (max-width: 359px) {
	h1{margin: .5rem 0 1rem;}
	.btn-lg {font-size: 1em;padding-top: 1.5rem;padding-bottom: 1.5rem;}
	.qrcode ul{font-size: .7em;}
	.txt_message {padding-top: 50px;}

}