#entrycostomer a,
#entrycostomer a:hover,
#entrycostomer a:visited,
#entrycostomer a:active{ color:#333; text-decoration: underline; }

@media screen and (min-width: 768px) {
	
	#endMessage { border: 2px solid #e5e5e5; background: #F7E8DF; padding: 20px; text-align: center; max-width: 980px; margin: 0 auto 20px; }
	#endMessage p { font-size: 20px; }
	
	#entrycostomer { padding: 40px 0 0; text-align: center; max-width: 980px; margin: 0 auto; }
	#entrycostomer p { font-size: 14px;  }
	#entrycostomer p.red { color:#FF0004; font-weight: bold; margin-bottom: 18px; font-size: 18px; }
	
	.note-ttl-btm { font-size: 11px; text-align: center; color: #FF0004; padding-bottom: 25px; }
	
	#mainVisualArea { text-align: center;  }
	h1 { max-width: 1024px; margin: 0 auto; }
	
	h2 { font-size: 28px; text-align: center; padding: 50px 0 25px; color:#333; }
	h2.old { font-size: 28px; text-align: center; padding: 50px 0 10px; color:#333; }
	.termBox { line-height: 1.6; max-width: 960px; margin: 0 auto; height:260px; overflow: hidden; color:#333;  border: 1px solid #ccc;/*-webkit-backface-visibility:hidden; backface-visibility:hidden;*/ position: relative; }
	
	
	
	.termCheck { max-width: 960px; margin: 0 auto; height:80px; background: #f3f3f3; line-height: 80px; text-align: center; }
	.termCheck label input { position: absolute; top: 0; left: 0; opacity: 0; }
	.termCheck label { position: relative; padding-left: 40px; background: url(../images/check_off.png) no-repeat left center; background-size: 30px auto; overflow: hidden;  }
	.termCheck label.disabled { opacity: .6;}
	.termCheck label.checked { background: url(../images/check_on.png) no-repeat left center; background-size: 30px auto;  }
	
	#contentWrap form { background: #f3f3f3; text-align: center; display: block; max-width: 960px; margin: 0 auto; padding-bottom: 20px;  }
	#contentWrap .termBox a { display: inline; }
	
	.termBox ul li { text-indent: -1em; padding-left: 1em;}
	.termBox ul { margin-bottom: 50px; padding-left: 15px; }
	.termBox ul li { margin-bottom: 8px;}
	.termBox ul ul { margin-top: 10px; margin-bottom: 0; padding-left: 0; }
	
	.termBox ul.em5 > li { text-indent: -5em; padding-left: 5em;}
	
	.termBox h3 { font-size: 20px; margin-bottom: 30px; padding-top: 40px; padding-left: 15px;}
	.termBox h3:first-child {padding-top: 50px; }
	.termBox p { margin-bottom: 15px;}
	.termBox p.credit { text-align: right; }
	.termBox p.inforP { margin-bottom: 0; padding: 15px 0; }
	
	.btnBox { text-align: center; }
	.btnBox ul li { display: inline-block; vertical-align: top; margin: 0 20px; }
	a.btn { border-radius: 30px; background: #eb5606; color: #fff!important; font-weight: bold; height: 60px; line-height: 60px; text-align: center; width: 470px; margin: 50px auto 0; font-size: 16px;
		position: relative;
		display: none;
	}
	a.btn.on { display: block; }
	
	span.dammy::after,
	a.btn::after { content:'>'; position: absolute; right: 4%; }
	
	span.dammy { border-radius: 30px; background: #d1d1d1; color: #fff!important; font-weight: bold; height: 60px; line-height: 60px; text-align: center; width: 470px; margin: 50px auto 0; font-size: 16px;
		position: relative;
		display: none;
	}
	
	span.dammy.on { display: block; }
	
	a.btnClose { border-radius: 30px; background: #fff url(../images/icon-close.png) right 4% center no-repeat; background-size: auto 40%;  color: #eb5606!important; font-weight: bold; height: 60px; line-height: 60px; text-align: center; width: 470px; margin: 50px auto 0; font-size: 16px; border: 1px solid #eb5606;
		position: relative;
	}
	
	a.btn:hover,
	a.btn:visited,
	a.btn:active,
	a.btnClose:hover,
	a.btnClose:visited,
	a.btnClose:active,{ text-decoration: none; }
	

	#contentWrap a { 
		opacity: 1;
		transition-duration:.3s;
		-webkit-transition-duration:.3s;
		-moz-transition-duration:.3s;
	}

	#contentWrap a:hover { 
		opacity: .6;
		transition-duration:.3s;
		-webkit-transition-duration:.3s;
		-moz-transition-duration:.3s;
	}
	
	#bnArea { max-width: 980px; margin: 0 auto; padding: 80px 0; }
	
	.note { font-size: 12px; }
	.red { color:#FF0004!important}
	.bold { font-weight: bold!important; }
	
	
	
	#ipNote { max-width: 980px; margin: 0 auto; padding: 70px 0 30px; }
	#ipNote ul li { text-align: left; font-size: 12px; padding-left: 1.2em; text-indent: -1em; }
	#ipNote ul li a { display: inline;  }
	#ipNote ul li a.outer { padding-left: 16px; background: url(/content/dam/au-com/pr/applepay/images/icon-outer.png) no-repeat left center; background-size: auto 70%; }
	
	#endEntry { font-size: 20px; font-weight: bold; color:#FF0004; text-align: center; padding-top: 70px;}
}

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

	
}

@media screen and (max-width: 767px) and (min-width: 0px) { 
	
	#endMessage { border: 2px solid #e5e5e5; background: #F7E8DF; padding: 2vw; text-align: center; margin: 0 3% 5%; }
	#endMessage p { font-size: 4vw; }
	
	#entrycostomer { padding: 3% 0; text-align: center; }
	#entrycostomer p.red { color:#FF0004; font-weight: bold; margin-bottom: 3%; }
	#entrycostomer p { font-size: 16px; font-size: 2.9vw;  }
	
	.note-ttl-btm { font-size: 11px; font-size: 2.8vw; text-align: center; color: #FF0004; padding-bottom: 5%; }
	
	#termContent { padding: 0 3%; }
	#mainVisualArea { text-align: center; margin-bottom: 6%; }
	h1 { max-width: 798px; margin: 0 auto; }
	
	h2 { font-size: 20px; font-size: 6vw; text-align: center; padding: 5% 0; color:#333; }
	h2.old { font-size: 20px; font-size: 6vw; text-align: center; padding: 5% 0 2%; color:#333; }
	.termBox { line-height: 1.6; max-width: 960px; margin: 0 auto; height: 320px; height: 70vw; color:#333; /*padding: 3%;*/ border: 1px solid #ccc;/*-webkit-backface-visibility:hidden;
  backface-visibility:hidden;*/ position: relative; overflow: hidden; }
	.termCheck { max-width: 960px; margin: 0 auto; height:20vw; background: #f3f3f3; line-height: 20vw; text-align: center; }
	.termCheck label input { position: absolute; top: 0; left: 0; opacity: 0; }
	.termCheck label { position: relative; padding-left: 11vw; background: url(../images/check_off.png) no-repeat left center; background-size: 10vw auto; overflow: hidden; font-size:4vw;  }
	.termCheck label.disabled { opacity: .6;}
	.termCheck label.checked { background: url(../images/check_on.png) no-repeat left center; background-size: 10vw auto;  }
	
	#contentWrap form { background: #f3f3f3; text-align: center; display: block; max-width: 960px; margin: 0 auto;  padding-bottom: 3%; }
	#contentWrap .termBox a { display: inline; }
	
	.termBox ul li { text-indent: -1em; padding-left: 1em; font-size:3.2vw; word-wrap: break-word; }
	.termBox ul { margin-bottom: 5%; padding-left: 3%; }
	.termBox ul li { margin-bottom: 8px;}
	.termBox ul ul { margin-top: 1%; margin-bottom: 0; padding-left: 0; }
	
	.termBox h3 { font-size: 14px; font-size: 4vw; margin-bottom: 10px; padding-left: 3%; }
	.termBox h3:first-child {padding-top: 5%; }
	.termBox p { margin-bottom: 15px; font-size:3.2vw; word-wrap: break-word; }
	
	.termBox .creditWrap { text-align: right; }
	.termBox .creditWrap p.credit { display: inline-block; text-align: left; }
	
	.termBox p.inforP { margin-bottom: 0; padding: 10px 0; }
	
	.btnBox { text-align: center; }
	.btnBox ul li { display: inline-block; vertical-align: top; margin: 0 20px; }
	a.btn { border-radius: 6vw; background: #eb5606; color: #fff!important; font-weight: bold; height: 12vw; line-height: 12vw; text-align: center; width: 90%; margin: 5% auto 0; font-size: 16px; font-size: 3.4vw;
		position: relative;
		display: none;
	}
	a.btn.on { display: block; }
	
	span.dammy::after,
	a.btn::after { content:'>'; position: absolute; right: 4%; }
	
	span.dammy { border-radius: 6vw; background: #d1d1d1; color: #fff!important; font-weight: bold; height: 12vw; line-height: 12vw; text-align: center; width: 90%; margin: 5% auto 0; font-size: 16px; font-size: 3.4vw;
		position: relative;
		display: none;
	}
	
	span.dammy.on { display: block; }
	
	a.btnClose { border-radius: 6vw; background: #fff url(../images/icon-close.png) right 4% center no-repeat; background-size: auto 50%; color: #eb5606!important; font-weight: bold; height: 12vw; line-height: 12vw; text-align: center; width: 80%; margin: 5% auto 0; font-size: 16px; border: 1px solid #eb5606;
		position: relative;
	}
	
	a.btn:hover,
	a.btn:visited,
	a.btn:active,
	a.btnClose:hover,
	a.btnClose:visited,
	a.btnClose:active{ text-decoration: none; }
	

	#bnArea { padding: 8% 5%;}
	#bnArea ul li a { display: block; border: 1px solid #ddd; }
	
	.note { font-size: 2.8vw }
	.red { color:#FF0004!important}
	.bold { font-weight: bold!important; }
	
	#ipNote { max-width: 980px; margin: 0 auto; padding: 40px 5% 0; }
	#ipNote ul li { text-align: left; font-size: 12px; font-size: 2.8vw;  padding-left: 1.2em; text-indent: -1em; }
	#ipNote ul li a { display: inline;  }
	#ipNote ul li a.outer { padding-left: 16px; background: url(/content/dam/au-com/pr/applepay/images/icon-outer.png) no-repeat left center; background-size: auto 70%;  }
	
	
	#endEntry { font-size: 4.4vw; font-weight: bold; color:#FF0004; text-align: center; padding-top: 11%;}
}

.view-sp { display: none; }
.view-pc { display: block; }

@media screen and (min-width: 0px) and (max-width: 767px) {
	
	.view-sp { display: block; }
	.view-pc { display: none; }

}
/*
.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #fff;

}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #333333;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #333333;
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #333333;
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #333333;
	}
.mCSB_scrollTools .mCSB_dragger {
}
*/

/*
.termBox::-webkit-scrollbar {
    	-webkit-appearance: none;
    	width: 7px;
}
	
.termBox::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: rgba(0,0,0,.5);
		box-shadow: 0 0 1px rgba(255,255,255,.5);
}
*/