@charset "Shift_JIS";

.DispNonePc {
	display:none;
}


#mainArea{
	position:relative;
	width:100%;
	margin:-60px auto 0;
}
#bgBox{
	overflow:hidden;
	position:absolute;
	top:60px;
}
#mainAreaBg{
	position:absolute;
	width:100%;
	background:url("/-/media/tfc/ts3web/file/assets/img/use/lifesupport/applepay/eneos/set/img_main.jpg") no-repeat center bottom;
	-moz-background-size:cover;
	background-size:cover;
	opacity:0;
	animation-name : showKvImage;
	-webkit-animation-name: showKvImage;
	animation-duration : 5s;
}



.slideWrap {
	background-color:#FFF;
}
.slidePcWrap #arrows {
	position:relative;
}
.slidePcWrap #arrows2 {
	position:relative;
}
.walletSlide .slidePcWrap {
	width:996px;
	margin:0px auto;
	padding:30px 0 40px;
	border:2px solid #007FC2;
}
.appSlide .slidePcWrap {
	width:996px;
	margin:0px auto;
	padding:30px 0 75px;
	border:2px solid #FF1315;
}
.slidePcInner {
	width:830px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.slidePcInner2 {
	width:942px;
}
.slidePcInner div.slick-slide {
	
}

.slideSpWrap {
	width:300px;
	margin:0px auto;
	padding:20px 0;
	border:1px solid #CCC;
	position:relative;
	box-sizing: border-box;
}
.slideSpInner {
	width:225px;
	margin:0 auto;
	padding:0;
}
.slideSpInner div.slick-slide {
	margin:0 12px;
}
.slideSpInner img {
	width:148px;
	margin:0 auto;
	padding:0;
}
.slick-topPC{
	display:none;
	position:absolute;
	top:300px;
	right:20px;
}
.slick-topSP{
	display:none;
	position:absolute;
	top:268px;
	right:9px;
}
.slick-topSP img{
	width:23px;
	height:23px;
}
.slick-topPC2{
	display:none;
	position:absolute;
	top:300px;
	right:20px;
}
.slick-topSP2{
	display:none;
	position:absolute;
	top:296px;
	right:9px;
}
.slick-topSP2 img{
	width:23px;
	height:23px;
}



.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
}




/*----------------------
popup
-----------------------*/
.popupArea{
position: relative;
margin: 0 0 0 0;
}

.popupText{
color: #FF1315;
cursor: pointer;
font-weight:bold;
margin-top:23px;
overflow: hidden;
margin-bottom: 8px;
text-align:left;
font-size:16px;
}
.popupText span.underline{
text-decoration: underline;
}

.popupArea a{
font-size: 16px;
color: #039;
z-index: 2;
}
.popup{
position: absolute;
    top: 25px;
left: 50%;
width: 700px;
margin-left: -490px;
padding: 70px 0px 50px;
background-image: 
url("/-/media/tfc/ts3web/file/assets/img/use/lifesupport/applepay/eneos/set/bg_popup_top.png"),
url("/-/media/tfc/ts3web/file/assets/img/use/lifesupport/applepay/eneos/set/bg_popup_bottom.png");
background-repeat:
no-repeat, /* 最前面の背景レイヤーに対応 */
no-repeat;
background-position:
top right, /* 最前面の背景レイヤーに対応 */
bottom right;
font-size: 1.2em;
overflow: hidden;
z-index:2;
}

.popupClose{
position: absolute;
top: 35px;
right: 15px;
cursor: pointer;
width: 25px;
}

.popupCont{
padding: 0px 40px;
background: url("/-/media/tfc/ts3web/file/assets/img/use/lifesupport/applepay/eneos/set/bg_popup_cont.png") 0px 10px repeat;
background-position: top;
}
.popupCont p{
font-size: 16px;
}
.popup .rice{
font-size: 16px;
}


.slideTitle {
	width:1000px;
	margin:50px auto;
}
.slideTitle.appliTitle {
	margin:120px auto 50px;
}
.slideTitle.appliTitle ul{
	margin:30px 0 20px!important;
}
.ttl04_in {
	overflow:hidden;
}

.ttl04_in .boxL {
	float:left;
	width:90px;
}
.ttl04_in .boxR {
	float:left;
	width:900px;
}
.ttl04_in .boxR h2 {
	font-size:28px;
	padding:25px 0 0 0;
}

.boxR2 .button {
	margin-top: 25px;
}


#appDownArea {
	width:1000px;
	margin:50px auto 0;
	overflow:hidden;
	padding-bottom:15px;
}
#appDownArea #appDownWrap {
	width:420px;
	margin:0 0 0;
	overflow:hidden;
}
#appDownArea .downLeft {
	width:274px;
	float:left;
}
#appDownArea .downLeft .downTtl {
	
}
#appDownArea .downLeft .downBtn {
	margin-top:20px;
}
#appDownArea .downRight {
	float:right;
}
#appDownArea .downRight .downQr {
	margin-top:18px;
}
.textBox {
width: 397px;
}

#scrollArea .settingArea .floatArea .imageBox {
    margin: 18px 0 0 !important;
}

.slick-prev {
	position:absolute;
	left:20px;
	top:242px;
	cursor:pointer;
}
.slick-next {
	position:absolute;
	right:20px;
	top:242px;
	cursor:pointer;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
	opacity:0.4;
	cursor:default;
}

.setMain {
	position:absolute;
	bottom: 12%;
	left:50%;
	width:550px;
	margin-left:-275px;
	opacity:0;
}
.setMain .mainWallet {
	cursor:pointer;
	width:234px;
	float:left;
}
.setMain .mainApp {
	cursor:pointer;
	width:234px;
	float:right;
}
.setMain .mainWallet:hover,
.setMain .mainApp:hover {
	opacity:0.75;
}

.setMain .mainArr {
	display: block;
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -10px;
}

#scrollArea .settingArea {
    margin: 130px 0 0 !important;
}

#scrollArea ul.targetUl {
    margin: 10px 0 30px;
}



#bottomArea{
	margin:140px auto 30px !important;
}

#scrollArea .settingArea h3 {
    margin: 12px 0 0;
}


h1 {
	opacity:0;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-42px;
	margin-left:-447px;
}
@-webkit-keyframes showKvImage{
	0%{
		-webkit-transform:scale(1.2);
		transform:scale(1.2)
	}
	100%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes showKvImage{
	0%{
		-webkit-transform:scale(1.2);
		transform:scale(1.2)
	}
	100%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}