@charset "utf-8";


@media screen and (min-width:768px){
/*pc・タブレットcss*/

.app-bnr{
	max-width:700px;
	width:100%;
	margin:30px auto;
	border: solid 1px #191919;
	padding:20px 30px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.app-bnr .app-ttl{
	width:48%;
	
}
.app-bnr .data{
	width:45%;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.app-bnr .qr{
	width:42%;
}
.app-bnr .coad{
	
}




}

@media screen and (min-width:768px) and ( max-width:1280px) {
}

@media (max-width: 768px) {
	
.app-bnr{
	width:90%;
	margin:5vw auto;
	border: solid 1px #191919;
	padding:4vw;
}
.app-bnr .app-ttl{
	width:100%;
	margin:0 auto 5vw;
}
.app-bnr .data{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.app-bnr .qr{
	width:46%;
}
.app-bnr .coad{
	display:none;
	
}


			
}