@charset "utf-8";



/* =======================================================================
   セクション共通
======================================================================= */

.sectionWrap{
	padding:0;
	position:relative;
}

.sectionWrap h2{
	padding:2px 0 0 15px;
	height:35px;
	background:url(/sp/navi/jpk/img/headline_bg.jpg) right 0 no-repeat,
	           url(/sp/navi/jpk/img/headline_bg_repeat.jpg) 0 0 repeat-x;
	color:#343434;
	line-height:35px;
	text-shadow:0px 1px 0px #fff;
}

.sectionWrap .topPrev{
	width:75px;
	height:22px;
	background:url(../img/toprev_bg.png) 0 0 no-repeat;
	position:absolute;
	right:5px;
	top:5px;
}

.sectionWrap .topPrev a{
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
	color:#FFF;
	text-shadow:0px -1px 0px #5a5a5a;
	text-align:center;
	text-decoration:none;
	display:block;
}


.txt_url {
    word-wrap:break-word;
    overflow-wrap:break-word;
}



/*リスト*/

.notesListA01 {
    list-style-type: none;
    padding-left: 1em;
    text-indent: -1em;
    text-decoration:none;
}

.notesListA01 li {
    padding-bottom: 3px;
}


/*注釈（※）文言*/
.noteList {
    color: #666666;
    line-height: 160%;
    margin: 0 5px;
    padding-bottom: 3px;
    padding-left: 1em;
    text-indent: -1em;
}





/*H3タグで使用*/

.mdsCContents {
    border-bottom: 1px solid #666;
    border-left: 5px solid #c00;
    padding: 5px 10px;
}






/*JALカードご入会専用ダイヤル周り*/

#bonus {
 margin-top:15px;
 border-top:#999 1px solid;
}

#bonus a.tel:link {
    color: #c00;
    text-decoration: underline;
}



#bonus .txt-stel {
    font-size: 18px;
    font-weight: bold;
    margin: 20px auto;
    width: 270px;
}




#bonus .typeBox .card{
	padding:25px 10px 20px;
	border-bottom:1px solid #cccccc;
}


#bonus .icoImage{
	margin:0 10px 10px 0;
	width:50px;
	height:50px;
	float:left;
}
#bonus .txt-tel {
	margin: 15px auto;
	font-size:18px;
	font-weight:bold;
	width:180px;
}
#bonus a.tel:link {text-decoration: underline; color:#C00;}
#bonus a.tel:visited {text-decoration: underline; color:#C00;}
#bonus a.tel:hover {color:#C00; text-decoration: none;}
#bonus a.tel:active {text-decoration: underline; color:#C00;}




#bonus .txt-telint {
	margin: 20px auto;
	font-weight:bold;
	width:250px;
}
#bonus a.telint:link {text-decoration: underline;}
#bonus a.telint:visited {text-decoration: underline;}
#bonus a.telint:hover {text-decoration: none;}
#bonus a.telint:active {text-decoration: underline;}





/* JALカードの種類 */

#cardType .mds-txt{
 padding:5px;
 font-weight:bold;
}



#cardType .typeBox .card{
	padding:20px 10px 20px;
	border-bottom:1px solid #cccccc;
}

#cardType .typeBox .card.last{
	border-bottom:none;
}

/*クレジットカード背景画像*/
#cardType .typeBox .bgMaster{background:url(/sp/navi/jpk/img/card/bg_master.gif) right 0 no-repeat;}
#cardType .typeBox .bgVisa{background:url(/sp/navi/jpk/img/card/bg_visa.gif) right 0 no-repeat;}
#cardType .typeBox .bgJcb{background:url(/sp/navi/jpk/img/card/bg_jcb.gif) right 0 no-repeat;}
#cardType .typeBox .bgSuica{background:url(/sp/navi/jpk/img/card/bg_suica.gif) right 0 no-repeat;}
#cardType .typeBox .bgTop{background:url(/sp/navi/jpk/img/card/bg_top.gif) right 0 no-repeat;}
#cardType .typeBox .bgOp{background:url(/sp/navi/jpk/img/card/bg_op.gif) right 0 no-repeat;}
#cardType .typeBox .bgDiners{background:url(/sp/navi/jpk/img/card/bg_diners.gif) right 0 no-repeat;}
#cardType .typeBox .bgAmex{background:url(/sp/navi/jpk/img/card/bg_amex.gif) right 0 no-repeat;}



#cardType .typeBox .card .h4_point:before{
	margin:0 0 15px;
	background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#c80213));
        content:"";
	height:14px;
	width:5px;
        margin-right:5px;
        display:block;
        float:left;
}

#cardType .typeBox .card .h4_point{
	margin:0 0 15px;
	height:14px;
	width:165px;
}

#cardType .typeBox .card .h4_point:after{
	clear:left;
        content:"";
}

#cardType .typeBox .card .h4_point h4{
	margin:0 0 0 4px;
	padding:0 0 0 5px;
	width:100%;
	font-size:14px;
	line-height:101%;
}

#cardType .typeBox .card .corp{
	width:160px;
	float:left;
}

#cardType .typeBox .card .h4_pointSas {
  background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#FF0000), to(#C80213));
  background-position:initial initial;
  background-repeat:initial initial;
  height:25px;
  margin:0 0 15px;
  width:165px;
}

#cardType .typeBox .card .h4_pointSas h4{
	margin:0 0 0 4px;
	padding:0 0 0 5px;
	width:100%;
	background-color:#FFF;
	font-size:14px;
	line-height:101%;
}



/* お申し込みボタン */


#cardType .btnAppS{
	width:110px;
	height:25px;
	background:-webkit-gradient(linear, left top, left bottom, from(#ee2022), to(#c80000));
	border-radius:5px;
	float:right;
}

#cardType .btnAppS a{
	display:block;
	color:#fff;
	font-size:12px;
	line-height:25px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	text-shadow:0px -1px 0px #666;
}

#cardType .btnAppS a:after{
	content:url(/sp/navi/jpk/img/point_detail3.png);
}





#cardType .typeBox .card .btnApp{
	width:110px;
	height:25px;
	background:-webkit-gradient(linear, left top, left bottom, from(#ee2022), to(#c80000));
	border-radius:5px;
	float:right;
        clear:both;
}

#cardType .typeBox .card .btnApp a{
	display:block;
	color:#fff;
	font-size:12px;
	line-height:25px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	text-shadow:0px -1px 0px #666;
}

#cardType .typeBox .card .btnApp a:after{
	content:url(/sp/navi/jpk/img/point_detail3.png);
}



#cardType .txt_card_about{
 clear:both;
 width:130px;
 padding:25px 0 5px;
 float:right;
}




/*JALカードnaviに入会するとこんなにおトク*/

/*============================
#title
============================*/
#title {


}

#title img{
 width:100%;
 vertical-align:bottom;
}


/*============================
#otoku
============================*/
#otoku {
}

#otoku img{
 width:100%;
 vertical-align:bottom;
}


#otoku .image_1>img,#otoku .image_2>img {
 width:100%;
 vertical-align:bottom;
}

#otoku .txt {
 padding:15px 3.125% 15px;
}



#otoku .otoku_mds {



}

#otoku .otoku_1 {
 background-color:#62d2cf;
 position:relative;


}

#otoku .otoku_1 .image_1{
 position:relative;
}
#otoku .otoku_1 .image_1 p{
	position:absolute;
	top:143vw;
	left:14vw;
	font-size:3.5vw;
}

#otoku .otoku_1 .image_2 {
	position:relative;
	padding-bottom:7.8vw;
}

#otoku .otoku_1 .image_2 p{
	position:absolute;
	top:78vw;
	left:14vw;
	font-size:3.5vw;
}

#otoku .otoku_1 .txt {



}


#otoku .otoku_2 {
 background-color:#f2d575;


}

#otoku .otoku_2 .image_1 {



}

#otoku .otoku_2 .txt {



}



#otoku .otoku_3 {
 background-color:#ff7e89;


}

#otoku .otoku_3 .image_1 {



}

#otoku .otoku_3 .txt {



}


#otoku .otoku_etc {
 background:url(/sp/navi/jpk/img/bg_1.png) repeat;
 margin-bottom:20px;
}

#otoku .otoku_etc .image_1 {



}

#otoku .otoku_etc .image_2{
	background:#fff;
}
#otoku .otoku_etc .image_2 .ttl{
background:#ff485a;
padding:2.5vw 0 2.5vw 6.25vw;
font-size:5vw;
color:#fff;
}

#otoku .otoku_etc .image_2 .txt01{
	padding:6.25vw; 
	font-size:4.6vw;
}
#otoku .otoku_etc .image_2 .txt01 span{
	color:#ff0019;
}

#otoku .otoku_etc .image_2 .txt02{
	font-size:3.1vw;
	padding:0 6.25vw;
}
#otoku .otoku_etc .image_2 .pd0{
	padding:0;
}

#otoku .otoku_etc .image_2 .txt03{
	font-size:3.1vw;
	/*padding:6.25vw;*/
}

#otoku .otoku_etc .image_2 .txt04{
	font-size:3.75vw;
	padding:6.25vw 0 0;
}

#otoku .otoku_etc .image_2 .border{
	border:1px solid #ff0000;
	margin:6.25vw;
	padding:2vw;
}

#otoku .otoku_etc .image_2 .linkBtn{
	padding-right:2vw;
}
#otoku .otoku_etc .image_2 .linkBtn p{
	float:right;
}
#otoku .otoku_etc .image_2 .linkBtn a{
	background:url(../img/btn_bg.png) 0 0 no-repeat;
	background-size:100%;
	display:block;
	width:27vw;
	font-size:3.3vw;
	height:6.5vw;
	padding:2.5vw 0 0 7.81vw;
}
#otoku .otoku_etc .image_2 .attention{
	font-size:3.125vw;
	padding:0 6.25vw;
}
#otoku .otoku_etc .image_2 .attention p{
	padding-top:6.25vw;
}
#otoku .otoku_etc .image_2 .attention ul{
	list-style:none;
}
#otoku .otoku_etc .image_2 .attention ul li{
	padding-left:1em;
	text-indent:-1em;
}




/*ページ下部の空白対応（google_conversion_frame対策）*/
iframe[name=google_conversion_frame]{
 
}

#footer{
 margin-bottom:-18px
}