@charset "utf-8";

/* 基本CSS */

.sp-content { display: none; }

.lp-title {
	margin: 40px auto;
	width: 1024px;
}

.lp-block1 { background: #352725; }

.lp-block2 { background: #f3faff; }

.lp-ap, .lp-btn, .lp-textblo { position: relative; }

.lp-text {
	position: relative;
	line-height: 1.5;
}

.lp-textblo { position: relative; }

.option-p .lp-content, .service-p .lp-content, .campaign-p .lp-content, .otoku-p .lp-content { text-align: center; }

.lp-conimg { margin-bottom: 20px; }


/* 個別CSS */

.lp-top-img {
	background: url("/net/jal/img/jal-top_02_3rd.png") no-repeat center 0px;
	width: auto;
	min-width: 1024px;
	min-height: 750px;
}

.lp-bg1 {
	width: 1024px;
	height: 663px;
	position:relative;
}

.lptxt1 {
	margin: 0 0 0 135px;
	width: 400px;
	color: #fff;
    position: absolute;
    bottom: 150px;
}

.lpbtn1 {
	margin: 20px 20px 0 130px;
	position: absolute;
    bottom: 90px;
}

.lpbtn1 li {
	display: inline-block;
	margin-right: 10px;
}

.lptxt2 {
	margin: 0;
	padding-top: 20px;
	width: 370px;
	position: absolute;
    bottom: 30px;
    left: 554px;
}

.lptxt2 p {
	color: #fff;
	font-size: .786em;
}

.lp-bg2 {
	width: 1024px;
	height: 445px;
	position: relative;
}

.lptxt3 {
	margin: 90px 0 0 565px;
	width: 335px;
	position: absolute;
    bottom: 16px;
}

.lp-bg3 {
	width: 1024px;
	height: 390px;
	position:relative;
}

.lptxt4 {
	margin: 140px 0 0 130px;
	width: 380px;
    position: absolute;
    bottom: 40px;
}

.lptxt4 p {
	color: #fff;
	margin-bottom: 25px;
}

.lp-bg4 {
	width: 1024px;
	height: 410px;
	position:relative;
}

.lptxt5 {
	margin: 120px 0 0 565px;
	width: 336px;
	position: absolute;
    bottom: 40px;
}

.lp-bg5 {
	width: 1024px;
	height: 400px;
    position: relative;
}

.lptxt6 {
	margin: 100px 0 0 130px;
	width: 430px;
    position: absolute;
    bottom: 45px;
}

.lptxt6 p {
	color: #fff;
	margin-bottom: 10px;
}

.lp-bg6 {
	width: 1024px;
	height: 400px;
	position:relative;
}

.lptxt7 {
	margin: 120px 0 0 515px;
	width: 380px;
	position:absolute;
	bottom:18px;
}

.lptxt7 p { margin-bottom: 10px; }

.lptxt7 p { margin-bottom: 10px; }

.lptxt8 {
	margin: 0;
	padding: 2px 0 8px;
}

.lptxt8 p {
	color: #221817;
	font-size: .786em;
}


/* オプションサービス */

.op-link1 { font-weight: bold; }

.op-link1 a {
	text-decoration: none;
	color: #019E51;
	font-weight: 300;
}

.op-link1 .fa-play {
	margin-top: 20px;
	color: #009e50;
	margin-right: 10px;
}

.op-link1_arrow_bottom_ul{
    position: relative;
    margin-top: 10px;
    width: 277px;
    margin: 10px auto 0 auto;
}

.op-link1_arrow_bottom{
	position: absolute;
    top: 5px;
    left: 9px;
    height: 0;
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: #009c53 transparent transparent transparent;
}

.op-link1_arrow_bottom a:visited {
	text-decoration: none;
	color: #019E51;
	font-weight: 300;
}

.opimg2 {
	background: url("/net/jal/img/jal_option-03.png") no-repeat center 0px;
	background-size: 100% auto;
	width: 100%;
	height: 1100px;
}

.opimg2 .service-btn{margin-top:800px;}

.opimg3 {
	background: url("/net/jal/img/jal_option-04.jpg") no-repeat center 0px;
	background-size: 100% auto;
	width: 100%;
	height: 990px;
}

.lpoptxt1 {
	width: 1024px;
	padding: 0 90px;
	margin-top: 650px;
	text-align: left;
	font-size: .929em;
	line-height: 1.6;
}

.lpoptxt1 li {
	margin-left: 40px;
	list-style: disc;
}


/* 空港サービス */

.plus-icon {
	font-size: 150px;
	line-height: 0.8;
	margin-bottom: 20px;
}

.serimg4 {
	width: 1024px;
	padding: 0 60px;
	text-align: left;
	line-height: 1.6;
}

.service-btn {
	text-align: center;
	margin-bottom: 20px;
}

.serimg2 {
	width: 1024px;
	height: 1141px;
	position: relative;
}

.lpaptxt1 {
	padding: 0 70px;
    text-align: left;
    line-height: 1.4;
    position: absolute;
    top: 262px;
}

.lpaptxt1 li { list-style: disc; }

.lpaptxt2 {
	padding: 0 70px;
    text-align: left;
    line-height: 1.4;
    position: absolute;
    top: 520px;
}

.lpaptxt2 li { list-style: disc; }

.lpaptxt3 li {
	margin-left: 40px;
	list-style: disc;
}

a.point-set1 {
	position: absolute;
	width: 500px;
	right: 50px;
	top: 125px;
	display: block;
	height: 140px;
}

a.point-set2 {
	position: absolute;
	width: 500px;
	right: 50px;
	top: 375px;
	display: block;
	height: 140px;
}

a.tokuten-set0 {
	position: absolute;
	width: 180px;
	left: 430px;
	bottom: 465px;
	display: block;
	height: 70px;
}

a.tokuten-set1 {
	position: absolute;
	width: 300px;
	left: 34px;
	bottom: 130px;
	display: block;
	height: 300px;
}

a.tokuten-set2 {
	position: absolute;
	width: 300px;
	left: 363px;
	bottom: 130px;
	display: block;
	height: 300px;
}

a.tokuten-set3 {
	position: absolute;
	width: 300px;
	left: 694px;
	bottom: 130px;
	display: block;
	height: 300px;
}


/* JALキャンペーン */
.lp-camtitle { margin-bottom: 20px; }


/* お得な使い方 */
.ototxt1 {
	width: 1024px;
	padding: 0 100px;
	margin-top: 10px;
	text-align: left;
	line-height: 1.6;
}
.otocatch {
	margin-bottom: 10px;
}
.otolink1 {
	text-align: right;
	font-weight: bold;
}
.otocatch2 {
	margin-bottom: 10px;
}
.ototxt2 {
	width: 1024px;
	padding: 0 70px;
	margin-top: 10px;
	text-align: left;
	line-height: 1.8;
}
.otoimg6 {
	background: url("/net/jal/img/jal_otoku-07.jpg") no-repeat center 0px;
	width: 1024px;
	height: 1400px;
}
.ototxt3 {
	text-align: right;
	margin: 520px 70px 0 0;
}
.otolink2 { font-weight: bold; }
.ototxt4 {
	text-align: right;
	margin: 400px 70px 0 0;
}
.otoimg7 {
	background: url("/net/jal/img/jal_otoku-08.jpg") no-repeat center 0px;
	width: 1024px;
	height: 780px;
}
.ototxt5 {
	text-align: right;
	margin: 675px 70px 0 0;
}
.otolink3 { font-weight: bold; }
.otolink3 .fa-play { margin-top: 10px; }
.otoimg9 {
	background: url("/net/jal/img/jal_otoku-10.jpg") no-repeat center 0px;
	width: 1024px;
	height: 240px;
}
.ototxt6 {
	text-align: left;
	margin: 160px 0 0 60px;
}
@media screen and (max-width: 767px) {
.pc-content { display: none; }
.sp-content { display: block; }
.sp-wrapper img { width: 100%; }
.sp-linktxt {
	margin: 20px;
	text-align: center;
}
.sp-link { font-weight: bold; }
.sp-link .fa-play {
	color: #009e50;
	margin-right: 10px;
}
.sp-linktxt2 {
	margin: 20px;
	text-align: left;
}
.sp-linktxt2 li {
	margin-left: 20px;
	margin-bottom: 10px;
	list-style: disc;
}
.sp-cpabtn {
	margin: 20px 20px 100px;
	text-align: center;
}
.sp-cpabtn img { width: auto; }
.spottxt1 {
	text-align: left;
	margin-left: 30px;
}
.sp-btn {
	margin: 20px 50px;
	text-align: center;
}
.sp-btn img { width: auto; }
.spapbtn1 { margin: 20px 120px; }
.bg-colbra {
	background: #352725;
	text-align: center;
}
.bg-colbra p {
    color: #ffffff;
    font-size: 10px;
}
.bg-colblu p {
    color: #333333;
    font-size: 10px;
}
.sptop-btn1 li {
	display: inline-block;
	width: 160px;
}
@media screen and (max-width: 400px) {
.sptop-btn1 .marrig20 {
	margin-right: 0;
	margin-bottom: 20px;
}
}
.bg-colblu { background: #f3faff; }
.sp-topbtn { margin: 0 5px 20px }
.opimg3 {
	background: url("/net/jal/img/jal_option-04.jpg") no-repeat center 0px;
	background-size: 100% auto;
	width: 100%;
	height: 950px;
}
.cr {
	font-size: .857em;
	color: #fff;
	text-align: center;
	padding: 10px 0;
}
.sp-linktxt2 {
	margin: 20px;
	text-align: left;
}
.sp-linktxt2-ul-Privilege{
	margin-left: 20px;
}
.qr2 { max-width: 44%; }
}


/*2016.08.11追記*/
.main-content {
	padding: 0;
}
.lp-top-bnr-inner {
	position: relative;
	width: 1024px;
	min-height: 750px;
	margin: 0 auto;
}
.lp-top-bnr {
	position: absolute;
	top: 325px;
	left: 177px;
}
.lp-top-bnr:hover > img {
	opacity: 1;
}
@media screen and (max-width: 767px) {
	.lp-banner {
		display: block;
		padding-top: 15px;
		margin-bottom: 15px;
	}
}