@charset "utf-8";
.wrapAppli {
  clear:both;
  background:#fff;
  margin-top:80px;
  margin-top:50px;
  width:100%;
}
.mainAppli {
  width:840px;
  margin:0 auto 200px auto;
  padding-top:70px;
}
.ttlArea {
background:url(/images/appli/bg_guideapppassport.png) no-repeat 45px 0;
	height: 396px;
	padding: 40px 0 0 280px;
	margin-bottom: 84px;
}
.wrapAppli h2.Appli{	background:url(/images/appli/title_guideapppassport.png) no-repeat top left;
	height:96px;
	text-indent:-9999px;
}
.wrapAppli .caption{	background:url(/images/appli/titlecaption_guideapppassport.png) no-repeat  top left;
	height:49px;
	text-indent:-9999px;
}
.ttlArea p {
	margin-top: 22px;
}
p.delivery {
	margin-left: 100px;
}
.dlArea {
	padding-left: 65px !important;
	margin-top: 20px;
}
.dlArea ul {float: left;}
.dlArea ul.qr {
	width: 193px;
	font-size: 0;
}
.dlArea ul.qr li  {
	display: inline;
	margin-right: 15px;
}
.dlArea ul.appbtn {
	width: 158px;
	font-size: 0;
}
.dlArea ul.appbtn li:last-child  {
	margin-top: 6px;
}

.wrapAppli section {
	margin-bottom:50px;
	padding-top: 30px;
}
.wrapAppli section dl {
	width: 420px;
	float: left;
	padding-bottom:20px;
}
.wrapAppli section dt {
	width: 240px;
	text-align: center;
	padding: 10px 10px 9px 30px;
	margin-bottom: 20px;
	background-color: #de0c0e !important;
	color: #ffffff;
	font-size: 20px;
}
.wrapAppli section dt.guide { background:url(/images/appli/ico_guide.png) no-repeat 14px center;}
.wrapAppli section dt.camera { background:url(/images/appli/ico_camera.png) no-repeat 14px center;}
.wrapAppli section dt.acsess { background:url(/images/appli/ico_acsess.png) no-repeat 14px center;	width: 250px; padding: 10px 10px 9px 40px;}
.wrapAppli section dt.quize { background:url(/images/appli/ico_quize.png) no-repeat 14px center;}
.wrapAppli section dt.ar { background:url(/images/appli/ico_ar.png) no-repeat 14px center;}
.wrapAppli section dt.ranking { background:url(/images/appli/ico_ranking.png) no-repeat 14px center;}

.wrapAppli section dd {
	margin-left: 15px;
	margin-bottom: 20px !important;
}
.wrapAppli section dl dd:last-child {
	margin-left: 0 !important;
}
.img_quize {margin-left: 50px;}

.wrapAppli .map h3 {
	width: 97%;
	text-align: center;
	padding: 9px 0 7px 0;
	margin-bottom: 30px;
	background-color: #000000 !important;
	color: #ffffff;
	font-size: 140%;	
}
.wrapAppli .map ul {
	display: flex;
	flex-wrap: wrap;
}
.wrapAppli .map li {
	width : 50% ;
	width : -webkit-calc(50% - 30px) ;
	width : calc(50% - 30px) ;
	margin:0 30px 30px 0;
	text-align: center;
}
.wrapAppli .map ul li:nth-child(2){margin-right: 0;}
.wrapAppli .map li figure img {
	width: 100%;
	border: 5px solid #ccc;
	margin-bottom: 20px;
	display: block;
}