@charset "UTF-8";

/* 基本要素
=========================================================================*/
em {
  font-weight: bold;
}

/* 上書き
=========================================================================*/
#header {
  border-bottom: none;
}
#content {
  padding: 0 10px;
}
#socialBtn {
  padding-top: 20px;
  border-top: 1px solid #ccc;
}

/* ページタイトル
=========================================================================*/
.pageTtl {
  margin: 0 -10px 10px;
  padding: .5em 0;
  background-color: #00aaeb;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

/* インフォメーション
=========================================================================*/
.pageInfo {
  margin: 10px 0;
  padding: 10px;
  background-color: #f6f6f6;
}
.pageInfo ul {
  margin-top: 1em;
}
.error {
  color: #f00;
}
.finishMessage {
  margin: 20px 0;
}
.hedge {
  font-size: 12px;
}

/* フォーム
=========================================================================*/
.contactForm {
  margin-top: 10px;
}
.contactForm dl {
  margin-bottom: 30px;
  border: 1px solid #ccc;
}
.contactForm dt {
  padding: .65em .5em;
  border: solid #ccc;
  border-width: 1px 0;
  background-color: #fdfdee;
}
.contactForm dt:first-child {
  border-top-width: 0;
}
.contactForm dd {
  padding: .65em .5em;
  background-color: #f6f6f6;
}
.contactForm .required {
  display: inline-block;
  padding: .25em .5em;
  border-radius: 4px;
  background-color: #f00;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  vertical-align: middle;
}
.contactForm input[type=text],
.contactForm input[type=email],
.contactForm textarea {
  width: 100%;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
.contactForm button {
  display: block;
  margin: 0 auto;
  font-size: 100%;
}

/* 規約
=========================================================================*/
li{
	text-indent: -1em;
	list-style: none;
	padding-left: 1em;
	padding-bottom: 0.5em;
}


/* PUSH通知
=========================================================================*/
.appPageTtl {
  margin: 0 0 10px 0;
  padding:10px;
  background-color: #00aaeb;
  color: #fff;
  font-size: 18px;
}

.appInfo {
  margin: 0;
  padding: 20px;
  background-color: #f6f6f6;
  font-size: 20px;
  color:#0068b7;
  text-align: center;
  line-height: 1.5;
}

.font_bold{
font-weight: bold !important;
}

.appContent{
  padding:10px;
}

.appContent_notice{
		padding: 14px 11px 14px 29px;
		border: 1px solid #ddd;
		background-color: #ffe;
		background-image: url(../images/ico_check.png);
		background-repeat: no-repeat;
		background-position: 10px 15px;
		background-size: 16px 16px;
		color: #e84d4d;
		font-size: 12px;
		line-height: 1.5;
}


.appMokImg{
  text-align: center;
}

.appChkTxt{
  padding: 10px;
  vertical-align:middle;
}

.appChkAreaList{
		background: url(../images/ico_check.png) no-repeat left 2px; !important;
		background-size: 28px auto; !important;
		padding-left: 32px; !important;
		font-weight: bold; !important;
		font-size:18px;
		line-height: 32px;
}

.btnArea{
		padding:10px;
}

.btnArea a{
		width: 100%;
		max-width: 350px;
		height: 56px;
		line-height: 56px;
		font-size:18px;
		margin: 0 auto;
		padding: 0;
		display: block;
		text-align: center;
		box-sizing: border-box;
}

.btnArea a.btn01.em{
		background: #ff761a linear-gradient(#ff951b, #ff761a) repeat scroll 0 0;
		border: 1px solid #f67e28;
		border-radius: 4px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		text-shadow: 0 -1px 0 rgba(163, 72, 0, 0.25);
}



/* useApp *area03
-------------------------------------------------*/
.useApp .area03{
	margin-top: 35px;
	margin-left:10px;
	margin-right:10px;
	box-sizing: border-box;
	border: 4px solid #00abeb;
	border-radius: 5px; /* CSS3草案 */  
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px; /* Firefox用 */
	padding:15px 10px;
}
.useApp .area03 h2{
	font-size: 18px;
	color:#fcee00;
	background: #00abeb;
	text-align: center;
	width: 100%;
	height: 46px;
	display: block;
	line-height: 46px;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}
.useApp .area03 .read{
	margin-bottom:15px;
	text-align: center;
	font-size:14px;
}
.useApp .area03 .read span{
	color:#00abeb;
	font-weight: bold;
	padding: 0 3px;
}
.useApp .area03 .dlBox{
	border: 1px solid #b6b6b6;
	padding: 15px;
	box-sizing: border-box;
	max-width:375px;
	margin: 0 auto;
}
.useApp .area03 h3{
	margin-bottom: 10px;
	text-align: center;
}
.useApp .area03 h4{
	text-align: center;
	margin-bottom: 10px;
}
.useApp .area03 .qr{
	text-align: center;
}
.useApp .area03 .btnArea{
	margin-top:15px;
}
.useApp .area03 .btnArea p{
	margin-bottom:15px;
	text-align: center;
	line-height: 1.6em;
}
.useApp .area03 .btnArea p span{
	display: inline-block;
}


.useApp .area03 .iPhone,
.useApp .area03 .android{
	display:none;
}