@charset "Shift_JIS";

.DispNoneSmart {
	display:none;
}

#DocBody #mainArea{
	position:relative;
	width:100%;
	height:910px!important;
	min-width:640px;
	margin-top:-100px;
}
#DocBody #bgBox{
	position:absolute;
	overflow:hidden;
	width:100%!important;
	min-width:640px;
	margin-top:-100px;
}
#DocBody #mainAreaBg{
	position:absolute;
	width:100%;
	height:960px!important;
	min-width:640px;
	background:url("/-/media/tfc/ts3web/file/assets/img/use/lifesupport/applepay/eneos/set/sp/img_main.jpg") no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	opacity:0;
}



.slideWrap {
	background-color:#FFF;
}
.slidePcWrap #arrows {
	position:relative;
}
.slidePcWrap #arrows2 {
	position:relative;
}
.slidePcWrap {
	width:914px;
	margin:0px auto;
	padding:40px 0;
}
.slidePcInner {
	width:747px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.slidePcInner2 {
	width:942px;
}
.slidePcInner div.slick-slide {
	
}

.slideSpWrap {
	width:90%;
	margin:0px auto;
	padding:40px 0;
	position:relative;
	box-sizing: border-box;
}
.slideSpInner {
	width:75%;
	margin:0 auto;
	padding:0;
}
.slideSpInner div.slick-slide {
	margin:0 12px;
}
.slideSpInner img {
	width:96%;
	margin:0 auto;
	padding:0;
}
.slick-topPC{
	display:none;
	position:absolute;
	top:280px;
	right:20px;
}
.slick-topSP{
	display:none;
	position:absolute;
	top:520px;
	right:-9px;
}
.slick-topSP img{
	width:60px;
	height:auto;
}
.slick-topPC2{
	display:none;
	position:absolute;
	top:280px;
	right:20px;
}
.slick-topSP2{
	display:none;
	position:absolute;
	top:520px;
	right:-9px;
}
.slick-topSP2 img{
	width:60px;
	height:auto;
}



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


/*----------------------
popup
-----------------------*/
.popupArea{
	background-color:#FFF !important;
position: relative;
}
.popupArea p{
font-size: 24px !important;
padding:0 10px;
}
.popupArea p.spPb0{
padding-bottom:0!important;
}
.popupArea p.spPt0{
padding-top:0!important;
}
.popupArea p.spPbt0{
padding-top:0!important;
padding-bottom:0!important;
}
#scrollArea .popupArea ul{
	margin: 10px 0 30px;
}

.popupText{
color: #FF1315;
text-decoration: underline;
}
span.underline {
	font-size:15px;
}
.popupArea a{
color: #039;
text-decoration: underline;
}

.popup:before{
border:20px solid transparent;
border-bottom-color:#fff;
border-width: 0 14px 20px 14px;
top:-14px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
z-index:1;
}
.popup:after{
border:20px solid transparent;
border-bottom-color:#6E6E6E;
border-width: 0 14px 20px 14px;
top:-20px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
}

.popup{
position: absolute;
    left: 5%;
    top: 115px;
width: 90%;
font-size: 14px !important;
background-color: #fff;
border-radius: 10px;
padding: 25px 0 25px;
border: 2px solid #6E6E6E;
z-index: 10000;
}

.popupClose{
position: absolute;
top: 2%;
right: 3%;
width: 20px;
}
/*
.popupCloseArea:after{
content: "•Â‚¶‚é";
display: block;
position: absolute;
top: 28px;
right: 11px;
color: #6e6e6e;
font-size: 10px;
text-align: center;
}
*/
.popupCont{
	padding:0 4%;
}
.popupArea .popupCont p{
font-size: 24px !important;
padding:0 10px;
}

.popup .rice{
font-size: 20px !important;
}



#appDownArea {
	width:580px;
	margin:40px auto 0;
}
#appDownArea .downLeft {
	overflow:hidden;
}
#appDownArea .downLeft .downTtl {
	width:55%;
	float:left;
	margin-top:11px;
}
#appDownArea .downLeft .downBtn {
	width:42%;
	float:right;
}
#appDownArea .downLeft .downTtl img,
#appDownArea .downLeft .downBtn img {
	width:100%;
}
.slideTitle {
	width:580px;
    margin: 80px auto 30px;
}
.slideTitle.walletTitle {
    margin: 80px auto 30px;
}
.slideTitle.appliTitle {
    margin: 80px auto 30px;
}
#scrollArea .appliTitle ul{
	margin: 40px 0 30px;
}

.ttl04_in {
	overflow:hidden;
}

.ttl04_in .boxL {
	float:left;
	width:90px;
}
.ttl04_in .boxR {
	float:left;
	width:474px;
}
.ttl04_in .boxR h2 {
	font-size:30px;
	padding:19px 0 0 0;
}

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


.popupText span.underline {
font-size: 22px !important;
font-weight:bold;
}

.popupArea p.popupText {
    padding: 20px 0 10px;
}

.walletSlide {
	border-top:2px solid #007FC2;
	border-bottom:2px solid #007FC2;
}
.appSlide {
	border-top:2px solid #FF1315;
	border-bottom:2px solid #FF1315;
}


.slideWrap .slick-prev {
    position: absolute;
    left: -82px;
    top: 410px;
    width: 60px;
}
.slideWrap .slick-next {
	position:absolute;
	right: -82px;
    top: 410px;
    width: 60px;
}
.slideWrap .slick-prev img,
.slideWrap .slick-next img {
	width:100%;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
	opacity:0.4;
}


.setMain {
	position:absolute;
	bottom:215px;
	left:50%;
	width:550px;
	margin-left:-275px;
	opacity:0;
}
.setMain .mainWallet {
	cursor:pointer;
	float:left;
	text-align:center;
}
.setMain .mainApp {
	cursor:pointer;
	float:right;
	text-align:center;
}

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

#scrollArea .floatArea {
    margin: 25px auto 0 !important;
}
#scrollArea .settingArea {
    margin: 90px 0 0 !important;
}
#scrollArea .redBorder {
    margin: 30px 0 10px;
}
/*wallet*/
.SpMovBtnIP{
	margin:0px auto 40px;
	width:580px;
}